
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:
-
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 Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- dotted
Renders the border as a series of dots.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- double
Renders the border as a double line.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
Not supported |
- hidden
Doesn't display a border.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
-
Notes:
- inset
Renders the border as a line that appears to be sunken into the page.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
Not supported |
- none
Doesn't display a border.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape 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 Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
4.0 and later |
Not supported |
- solid
Renders the border as a solid line.
-
Support:
-
W3C Standard | Internet Explorer | Netscape 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
|
|