Appearance:
border: <value>
Possible Values:
<border-width> || <border-style> || <color>
Initial Value:
Not defined
Applies to:
All elements
Inherited:
No

The border property is a shorthand for setting the width, style, and color of an element's border.

Examples of border declarations include:

H2 { border: groove 3em }
A:link { border: solid blue }
A:visited { border: thin dotted #800080 }
A:active { border: thick double red }

The border property can only set all four borders; only one border width and border style may be given. To give different values to an element's four borders, an author must use one or more of the border-top, border-right, border-bottom, border-left, border-color, border-width, border-style, border-top-width, border-right-width, border-bottom-width, or border-left-width properties.

Examples:

border
style="border: thick none #0c0c0c"

border
style="border: thick dotted red"

border
style="border: thin dashed blue"

border
style="border: 10px solid #0c0c0c"

border
style="border: thick double green"

border
style="border: thick groove #ff0"

border
style="border: thick ridge #0ff"

border
style="border: thick inset white"

border
style="border: thick outset orange"