CSS: Border

Border syntax

border: style width color

border is shorthand for

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

Sample code:

p {border:solid 2px red}

Border Style

• border-style: solid
• border-style: dotted
• border-style: dashed
• border-style: double
• border-style: groove
• border-style: ridge
• border-style: inset
• border-style: outset

Side Borders

Border can be applied to a side only.

The properties are:

• border-top
• border-bottom
• border-left
• border-right

Example

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

Border with Round Corners

• CSS: Round Corners