HTML and CSS Reference
In-Depth Information
where
border-width
sets the width of the 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 left 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 left border using a CSS color value.
Example
#leftout {border-left: thin dashed red;}
Compatibility
CSS 1, 2, 3
IE 4+
Netscape 6+, Firefox 1+
Opera 4+, Safari 1+
Note
• Given that CSS1 did not support
border-left-color
and
border-left-style
,
this property is useful for setting the characteristics of the left border of boxes for
older browsers.
border-left-color
This CSS2+ property defines the color of an element's left border.
Syntax
border-left-color:
color
| transparent | inherit
where
color
is a valid CSS color value.
Example
p {border-style: solid; border-width: thin; border-left-color: #f00;}
Compatibility
CSS 2, 3
IE 4+
Netscape 6+, Firefox 1+
Opera 4+, Safari 1+
border-left-style
This property defines the style for the left border of an element.
Syntax
border-left-style: dashed | dotted | double | groove | hidden |
inset | inherit | none | outset | ridge | solid
Example
#box {border-width: 10px; border-style: solid; border-left-style: dotted;}