border-bottom-style, border-left-style, border-right-style, border-top-style | NN 6 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 browser versions recognize all of the values in the CSS recommendation. Style support is shown in the following table. The manner that browsers interpret the definitions of the style values is not universal. Figure 11-1 shows a gallery of all styles as rendered by Internet Explorer 6 for Windows, Explorer 5 for Macintosh, and Netscape 6. Don't expect the same look in all browsers.
Value | NN | IE/Windows | IE/Mac | CSS
--- | --- | --- | --- | ---
dashed | 6 | 5.5 | 4 | 1
dotted | 6 | 5.5 | 4 | 1
double | 4 | 4 | 4 | 1
groove | 4 | 4 | 4 | 1
hidden | 6 | n/a | 4 | 2
inset | 4 | 4 | 4 | 1
none | 4 | 4 | 4 | 1
outset | 4 | 4 | 4 | 1
ridge | 4 | 4 | 4 | 1
solid | 4 | 4 | 4 | 1
Initial Value
none
Example
    p {border-style: solid; border-bottom-style: none}
    div {border-left-style: ridge}
Applies To
All elements.
Object Model Reference
    [window.]document.getElementById("elementID").style.borderBottomStyle
    [window.]document.getElementById("elementID").style.borderLeftStyle
    [window.]document.getElementById("elementID").style.borderRightStyle
    [window.]document.getElementById("elementID").style.borderTopStyle