The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Outlines |
| Previous Style: outline-color | Next Style: outline-width |


outline-style

Sets the style of an outline.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported
Possible Values:
dashed
Renders the outline as a series of dashes.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

dotted
Renders the outline as a series of dots.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

double
Renders the outline as a double line.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

groove
Renders the outline as a V-shaped line that appears to be etched into the page

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

inset
Renders the outline as a line that appears to be sunken into the page.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

none
Renders the text without an outline.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

outset
Renders the outline as a line that appears to be raised from the page.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

ridge
Renders the outline as a V-shaped line that appears to be coming out of the page.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

solid
Renders the outline as a solid line.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Example:
<STYLE TYPE="text/css">
<!--
.ActiveField {outline-style: groove"}
-->
</STYLE>

| Index | Current Category: Outlines |
| Previous Style: outline-color | Next Style: outline-width |