Difference between revisions of "CSS GUIDE BORDER-BOTTOM-STYLE"
(→Usage Examples) |
(→Usage Examples) |
||
| Line 19: | Line 19: | ||
== Usage Examples == | == Usage Examples == | ||
| − | table{border-bottom-style: none;} | + | <pre>table{border-bottom-style: none;}</pre><br /> |
| − | table{border-bottom-style: dashed;} | + | <pre>table{border-bottom-style: dashed;}</pre><br /> |
| − | table{border-bottom-style: solid;} | + | <pre>table{border-bottom-style: solid;}</pre> |
== Notes == | == Notes == | ||
Revision as of 17:02, 13 December 2006
Contents
Summary
This property allows you to set the style of an element's bottom border.
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.
