1
edit
Changes
no edit summary
== Summary ==
This property allows you to set the style of an element's left border.
*Initial: none
*Applies to: all elements
*Inherited: no
*Percentages: N/A
*Media: visual
== Syntax ==
<pre>TARGET_ELEMENT{border-left-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-left-style: none;}</pre><br />
<pre>table{border-left-style: dashed;}</pre><br />
<pre>table{border-left-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-left-style CSS 2.1]
== Browser Compatibility ==
See [[#Notes|Notes]]
== See Also ==
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-left-WIDTH border-left-width]
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-left-COLOR border-left-color]
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-RIGHT-STYLE border-right-style]
This property allows you to set the style of an element's left border.
*Initial: none
*Applies to: all elements
*Inherited: no
*Percentages: N/A
*Media: visual
== Syntax ==
<pre>TARGET_ELEMENT{border-left-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-left-style: none;}</pre><br />
<pre>table{border-left-style: dashed;}</pre><br />
<pre>table{border-left-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-left-style CSS 2.1]
== Browser Compatibility ==
See [[#Notes|Notes]]
== See Also ==
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-left-WIDTH border-left-width]
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-left-COLOR border-left-color]
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-RIGHT-STYLE border-right-style]