
The Complete Idiot's Style Sheets Reference
| Index
| Current Category: Borders |
| Previous Style: border-spacing
| Next Style: border-top
|
border-style
A shorthand style that enables you to set multiple border style properties at once.
Support:
-
Notes:
See Also:
-
border-color-bottom,
,
border-left-color,
border-right-color,
border-top-color
Possible Values:
- [border-bottom-style]
See border-bottom-style.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
4.0 and later |
- [border-left-style]
See border-left-style.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
4.0 and later |
- [border-right-style]
See border-right-style.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
4.0 and later |
- [border-top-style]
See border-top-style.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
4.0 and later |
Example:
<P STYLE="border-width: thick; border-style: double">
Double border
<P STYLE="border-width: thick; border-style: groove">
Groove border
<P STYLE="border-width: thick; border-style: inset">
Inset border
<P STYLE="border-width: thick; border-style: outset">
Outset border
<P STYLE="border-width: thick; border-style: ridge">
Ridge border
<P STYLE="border-width: thick; border-style: solid">
Solid border
How It Looks:
Double border
Groove border
Inset border
Outset border
Ridge border
Solid border
| Index
| Current Category: Borders |
| Previous Style: border-spacing
| Next Style: border-top
|
|