HTML and CSS Reference
In-Depth Information
Compatibility
CSS 2, 3
IE 4+
Netscape 6+, Firefox 1+
Opera 7+, Safari 1+
border-left-width
This property sets the width of an element's left border.
Syntax
border-left-width:
non-negative length
| medium | thick | thin | inherit
Examples
.fat {border-left-width: thick;}
p.left {border-left-width: 15px;}
Compatibility
CSS 1, 2, 3 IE 4, 5 (buggy), 5.5+ Netscape 4 (buggy), 6+, Firefox 1+ Opera 4+, Safari 1+
border-right
This property defines in a shorthand form the width, style, and color for the right border of
an element.
Syntax
border-right: border-width border-style border-color;
where
border-width
sets the width of the right border as a positive numeric measurement
or using a named value of
thin
,
medium
, or
thick
. The second value,
border-style
, is
used to set the style of the right border and is set to a value of
dashed
,
dotted
,
double
,
groove
,
hidden
,
inset
,
none
,
outset
,
ridge
, or
solid
. Finally,
border-color
is used
to set the color of the right border using a CSS color value.
Example
#greenzone {border-right: thick dashed green;}
Compatibility
CSS 1, 2, 3
IE 4+
Netscape 6+, Firefox 1+
Opera 4+, Safari 1+
Note
• Given that CSS1 did not support
border-right-color
and
border-right-style
,
this property is useful for setting the characteristics of the right border of boxes for
older browsers.
border-right-color
This CSS2+ property defines the color of an element's right border.