View source for CSS GUIDE BORDER-TOP-STYLE

== Summary ==
This property allows you to set the style of an element's top border.
*Initial:   none  
*Applies to:   all elements  
*Inherited:   no  
*Percentages:   N/A  
*Media:   visual

== Syntax ==
<pre>TARGET_ELEMENT{border-top-style: value;}</pre>

== Legal Values ==
*none Defines no border 
*hidden  - same as "none", except in border conflict resolution for table elements 
*dotted - dotted border. 
*dashed - dashed border. 
*solid -  solid border 
*double - Specifies two borders. The width of the two borders are the same as the border-width value 
*groove - 3D grooved border. The effect depends on the border-color value 
*ridge -  3D ridged border. The effect depends on the border-color value 
*inset -  3D inset border. The effect depends on the border-color value 
*outset - 3D outset border. The effect depends on the border-color value

== Mozilla Recommended Values ==

== Usage Examples ==
<pre>table{border-top-style: none;}</pre><br />
<pre>table{border-top-style: dashed;}</pre><br />
<pre>table{border-top-style: solid;}</pre>

== Notes ==
There are some rendering issues where dotted as well as dashed renders as solid in most browsers.

== Specification Conformance  ==
[http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style CSS 2.1]

== Browser Compatibility ==
See [[#Notes|Notes]]

== See Also ==
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-TOP-WIDTH border-top-width]
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-TOP-COLOR border-top-color]
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-BOTTOM-STYLE border-bottom-style]