Difference between revisions of "CSS GUIDE BORDER-BOTTOM-STYLE"
(→Notes) |
(→See Also) |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
== Summary == | == Summary == | ||
This property allows you to set the style of an element's bottom border. | This property allows you to set the style of an element's bottom border. | ||
| + | *Initial: none | ||
| + | *Applies to: all elements | ||
| + | *Inherited: no | ||
| + | *Percentages: N/A | ||
| + | *Media: visual | ||
| + | |||
== Syntax == | == Syntax == | ||
<pre>TARGET_ELEMENT{border-bottom-style: value;}</pre> | <pre>TARGET_ELEMENT{border-bottom-style: value;}</pre> | ||
| Line 19: | Line 25: | ||
== Usage Examples == | == Usage Examples == | ||
| + | <pre>table{border-bottom-style: none;}</pre><br /> | ||
| + | <pre>table{border-bottom-style: dashed;}</pre><br /> | ||
| + | <pre>table{border-bottom-style: solid;}</pre> | ||
== Notes == | == Notes == | ||
| Line 24: | Line 33: | ||
== Specification Conformance == | == Specification Conformance == | ||
| + | [http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style CSS 2.1] | ||
== Browser Compatibility == | == Browser Compatibility == | ||
| + | See [[#Notes|Notes]] | ||
== See Also == | == See Also == | ||
| + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-BOTTOM-WIDTH border-bottom-width] | ||
| + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-BOTTOM-COLOR border-bottom-color] | ||
| + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-TOP-STYLE border-top-style] | ||
Latest revision as of 17:17, 13 December 2006
Contents
Summary
This property allows you to set the style of an element's bottom border.
- Initial: none
- Applies to: all elements
- Inherited: no
- Percentages: N/A
- Media: visual
Syntax
TARGET_ELEMENT{border-bottom-style: value;}
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
table{border-bottom-style: none;}table{border-bottom-style: dashed;}table{border-bottom-style: solid;}
Notes
There are some rendering issues where dotted as well as dashed renders as solid in most browsers.
Specification Conformance
Browser Compatibility
See Notes
