border-bottom-style, border-left-style, border-right-style, border-top-style | NN n/a IE 4 CSS 2
| Inherited: No
Each attribute sets the line style of a single border edge of an element. The edge-specific attributes let you override a style that has been applied to all four edges with the border or border-style attributes, but the edge-specific setting must come after the other one (in source code order) in the style sheet rule. See also the border-style attribute for setting the style of multiple edges in one statement.
CSS Syntax border-bottom-style: style border-left-style: style border-right-style: style border-top-style: style
Value Style values are constants that are associated with specific ways of rendering border lines. Not all browsers recognize all of the values in the CSS recommendation. Style support is as follows:
Value | NN | IE | CSS
dashed | - | Although not officially supported in Internet Explorer 4, the Mac version renders dashed and dotted borders accurately; the Windowsversion treats them as solid borders. | 1
dotted | - |  | 1
double | 4 | 4 | 1
groove | 4 | 4 | 1
hidden | - | - | 2
inset | 4 | 4 | 1
none | 4 | 4 | 1
outset | 4 | 4 | 1
ridge | 4 | 4 | 1
solid | 4 | 4 | 1
The precise manner in which browsers interpret the definitions of the style values is far from universal. shows a gallery of all styles as rendered by Windows and Macintosh versions of both Navigator 4 and Internet Explorer 4. Do not expect the exact same look in all browsers.
Initial Value none
Example P {border-style: solid; border-bottom-style: none} DIV {border-left-style: ridge}
Applies To All elements.
Object Model Reference
IE | [window.]document.all.elementID.style.borderBottomStyle [window.]document.all.elementID.style.borderLeftStyle [window.]document.all.elementID.style.borderRightStyle [window.]document.all.elementID.style.borderTopStyle