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-right-color | Next Style: border-right-width |


border-right-style

Specifies the right border style of the element's box.

Support:

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

See Also:

border-style, border-bottom-style, border-left-style, border-top-style

Possible Values:

dashed
Renders the border as a series of dashes.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

dotted
Renders the border as a series of dots.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

double
Renders the border as a double line.

Support:

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

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

Support:

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

hidden
Doesn't display a border.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • This value is the same as none. It's used within a table that has separated borders.

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

Support:

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

none
Doesn't display a border.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

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

Support:

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

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

Support:

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

solid
Renders the border as a solid line.

Support:

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

Example:
<DIV STYLE="width: 200px">
<P STYLE="border-right-width: thick; border-right-style: double">
Double right border
<P STYLE="border-right-width: thick; border-right-style: groove">
Groove right border
<P STYLE="border-right-width: thick; border-right-style: inset">
Inset right border
<P STYLE="border-right-width: thick; border-right-style: outset">
Outset right border
<P STYLE="border-right-width: thick; border-right-style: ridge">
Ridge right border
<P STYLE="border-right-width: thick; border-right-style: solid">
Solid right border
</DIV>
How It Looks:

Double right border

Groove right border

Inset right border

Outset right border

Ridge right border

Solid right border


| Index | Current Category: Borders |
| Previous Style: border-right-color | Next Style: border-right-width |