The cover of The Complete Idiot's Guide to Create a Web Page 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:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later
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 StandardInternet ExplorerNetscape Navigator
CSS2 and later 4.0 and later 4.0 and later

[border-left-style]
See border-left-style.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later 4.0 and later 4.0 and later

[border-right-style]
See border-right-style.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later 4.0 and later 4.0 and later

[border-top-style]
See border-top-style.

Support:

W3C StandardInternet ExplorerNetscape 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 |