Javascript Reference
Categories: STYLE

javascript STYLE borderBottomStyle, borderLeftStyle, borderRightStyle, borderTopStyle

@March 15, 2008, 1:22 a.m.
borderBottomStyle, borderLeftStyle, borderRightStyle, borderTopStyleFirefox/Netscape/NN 6 IE 4 Chrome/Safari/DOM 2  

Read/Write  

Provide 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 borderStyle properties. See also the borderStyle property for setting the style for groups of edges in one statement.

 
Example
 
document.getElementById("announce").style.borderBottomStyle = "groove";
document.getElementById("announce").style.borderLeftStyle = "double";
document.getElementById("announce").style.borderRightStyle = "solid";
document.getElementById("announce").style.borderTopStyle = "inset";
 
Value

Style values are case-insensitive constants that are associated with specific ways of rendering border lines. The CSS style constants are: dashed, dotted, double, groove, hidden, inset, none, outset, ridge, and solid. Not all browsers recognize all the values in the CSS recommendation. See the border-style attribute for complete details on the available border styles.

 
Default

None.


Powered by Linode.