border-right-width
Specifies the width of the right border.
Sample Code
div.test { border-right-width: thin;}
div.test1 { border-right-width: medium;}
div.test2 { border-right-width: 10px;}
Available Values
| Value | Description |
|---|---|
| Number | Specifies the border width using a unit such as 'px'. |
| thin | Uses the keyword 'thin'. Most browsers render this as 1px, though it may vary slightly by browser. |
| medium | Uses the keyword 'medium'. Most browsers render this as 3px, though it may vary slightly by browser. This is the initial value when no 'border-right-width' is specified. |
| thick | Uses the keyword 'thick'. Most browsers render this as 5px, though it may vary slightly by browser. |
Browser Preview
※ The 'border-style' property in the sample below is set to 'solid'.
<div style="border-right-width: 10px; border-style: solid; height: 100px; padding: 10px; font-weight: bold;">A div element with height 100px and padding 10px.</div>
Browser Compatibility
Desktop
Supported in all versions
8 ○
7 ○
6 ○
2 and below ×Mobile
Android Browser
2.2+ ○
1 and below ×Same support as desktop
Same support as desktop
※ Version information is based on MDN.
If you find any errors or copyright issues, please contact us.