我们的志愿者还没有将这篇文章翻译为 中文 (简体)。加入我们帮助完成翻译！
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.
文档标签和贡献者
标签：
此页面的贡献者：
y0ssar1an,
Sebastianz,
Prinz_Rana,
fscholz,
teoli,
J-Mackerel,
kscarfone,
SiddharthBhatt,
Sheppy,
ethertank,
Yuichiro,
Killerowski,
Mgjbot,
BijuGC
最后编辑者:
y0ssar1an,