The border-right-width
CSS property sets the width of the right border of a box.
border-right-width: 10em; /* Any <length> value */ border-right-width: 3vmax; border-right-width: 6px; border-right-width: thin; /* A keyword */ border-right-width: medium; border-right-width: thick; border-right-width: inherit;
Initial value | medium |
---|---|
Applies to | all elements. It also applies to ::first-letter . |
Inherited | no |
Media | visual |
Computed value | the absolute length or 0 if border-right-style is none or hidden |
Animation type | a length |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
Values
<br-width>
- Is either a non-negative explicit
<length>
value or a keyword denoting the thickness of the right border. The keyword must be one of the following values:thin
A thin border medium
A medium border thick
A thick border thin ≤ medium ≤ thick
, and is constant on a single document. inherit
- Represents the calculated value of the
border-right-width
of the parent's element.
Formal syntax
<br-width>
Examples
Four table cells
HTML
<table> <tr> <td id="b1" class="blu"> <code>border-right-width: 40px</code></td> <td id="b2" class="blu"> <code>border-right-width: thin</code></td> <td id="b3" class="blu"> <code>border-right-width: medium</code></td> <td id="b4" class="blu"> <code>border-right-width: thick</code></td> </tr> </table>
CSS
#b1 { border-right-width: 40px; } #b2 { border-right-width: thin; } #b3 { border-right-width: medium; } #b4 { border-right-width: thick; } .blu { border-right-color: #2266DD; } td { border: 1px solid #000000; }
Result
Specifications
Specification | Status | Comment |
---|---|---|
CSS Backgrounds and Borders Module Level 3 The definition of 'border-right-width' in that specification. |
Candidate Recommendation | No significant change |
CSS Level 2 (Revision 1) The definition of 'border-right-width' in that specification. |
Recommendation | Initial definition |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.0) | 4.0 | 3.5 | 1.0 (85) |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 2.3 | (Yes) | 1.0 (1.0) | 6.0 | 11 | 1.0 |
See also
- The other border-width-related CSS properties:
border-bottom-width
,border-left-width
,border-top-width
, andborder-width
- The other border-right-related CSS properties:
border
,border-right
,border-right-style
, andborder-right-color
.
Document Tags and Contributors
Tags:
Contributors to this page:
elysdir1,
erikadoyle,
y0ssar1an,
Sebastianz,
Prinz_Rana,
fscholz,
teoli,
J-Mackerel,
kscarfone,
SiddharthBhatt,
Sheppy,
ethertank,
Yuichiro,
Killerowski,
Mgjbot,
BijuGC
Last updated by:
elysdir1,