이 문서는 아직 자원 봉사자들이 한국어로 번역하지 않았습니다. 함께 해서 번역을 마치도록 도와 주세요!
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,