Our volunteers haven't translated this article into Tiếng Việt yet. Join us and help get the job done!
Summary
The border-right-width CSS property sets the width of the right border of a box.
| 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 |
| Animatable | yes, as a length |
| Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
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;
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:
The specification doesn't define precisely the thickness of each fo the keywords, which is therefore implementation specific. Nevertheless, it requests that the thickness does follow the rulethinA thin border mediumA medium border thickA thick border thin ≤ medium ≤ thick, and is constant on a single document. inherit- Represents the calculated value of the
border-right-widthof 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 | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.0) | 4.0 | 3.5 | 1.0 (85) |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.3 | 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:
y0ssar1an,
Sebastianz,
Prinz_Rana,
fscholz,
teoli,
J-Mackerel,
kscarfone,
SiddharthBhatt,
Sheppy,
ethertank,
Yuichiro,
Killerowski,
Mgjbot,
BijuGC
Last updated by:
y0ssar1an,