| Syntax: | 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.
Example:
H3 { border: groove 1em }
See example in action
A:link { border: solid green }
A:visited { border: thin dotted #000000 }
A:active { border: thick double blue }
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.