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