Box Properties
|
Box Properties |
|
||
Box Properties
Top Margin
Right Margin
Bottom Margin
Left Margin
Margin
Top Padding
Right Padding
Bottom Padding
Left Padding
Padding
Top Border Width
Right Border Width
Bottom Border Width
Left Border Width
Border Width
Border Color
Border Style
Top Border
Right Border
Bottom Border
Left Border
Border
Width
Height
Float
Clear
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.