CSS: Border

Border syntax

border: style width color

border is shorthand for

• border-style
• border-width
• border-color

Sample code:

x {
 border: solid 2px red;
}

border-style

Border on just one side

Border can be applied to a side only.

The properties are:

• border-top: solid 5px red
• border-bottom: solid 5px red
• border-left: solid 5px red
• border-right: solid 5px red

Example

.border3072 {
 display: inline-block;
 border-bottom: dotted 5px red;
}

sample. border with round corners

• CSS: Round Corners

border-width

border-width: thin;

same as 1px.

border-width: medium;

same as 3px.

border-width: thick;

same as 5px.