Наши волонтёры ещё не перевели данную статью на Русский. Присоединяйтесь к нам и помогите закончить эту работу!
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,