Defines the properties for the left border for the element.
Platform Support
IE | Netscape | Mozilla | Opera | Safari | 4.0+ | 6.0+ | 1.0+ | 4.0+ | 1.0+ |
---|
Usage
[color] [style] [width]
Values
* | Specify a border-left value not on this list. |
inherit | Inherit the value from the parent element. |
#ffffff | border-left-color: Border color placeholder. e.g. #ffffff = white |
none | border-left-style: No border. |
dotted | border-left-style: Dotted line. |
dashed | border-left-style: Dashed line. |
solid | border-left-style: Solid line. |
double | border-left-style: Double line. |
groove | border-left-style: Grooved line. |
ridge | border-left-style: Ridged line. |
inset | border-left-style: Inset line. |
outset | border-left-style: Outset line. |
hidden | border-left-style: Hidden border. |
thin | border-left-width: Thin border. |
medium | border-left-width: Medium border. |
thick | border-left-width: Thick border. |
Example
To specify a thick, red, dashed left border, use the following syntax: .myborderleftclass {border-left: thick red dashed;}
.
Remarks
Use the border-left
property as a shortcut to typing out all of the individual border-left properties separately. You can specify any valid value for a border-left-
property as part of border-left
.
Availability
W3C CSS2