Difference between revisions of "CSS GUIDE BORDER-BOTTOM-STYLE"
(→Browser Compatibility) |
(→See Also) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 33: | 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 == | ||
| Line 38: | Line 39: | ||
== See Also == | == See Also == | ||
| − | *border-bottom-width | + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-BOTTOM-WIDTH border-bottom-width] |
| − | *border-bottom-color | + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-BOTTOM-COLOR border-bottom-color] |
| − | *border-top-style | + | *[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
