CSS: Border

Example of borders:

Border has this shorthand syntax:

border:solid 2px red

border is shorthand for

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

Sample code:

p {border:solid 2px red}

Border Style

solid is a value from border-style property.

Here is possible border-style values:

• solid
• dotted
• dashed
• double
• groove
• ridge
• inset
• outset
• none
• hidden

Side Borders

Border can be applied to a side only.

The properties are:

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

Example:

something in the water does not compute

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

Border with Round Corners

[see CSS: Round Corners]