border-right-width
CSS 的border-right-width 用来设置盒子右边框的宽度。
示例
/* keyword values */
border-right-width: thin;
border-right-width: medium;
border-right-width: thick;
/* <length> values */
border-right-width: 10em;
border-right-width: 3vmax;
border-right-width: 6px;
/* global keywords */
border-right-width: inherit;
border-right-width: initial;
border-right-width: unset;
浏览器支持
语法
border-right-width:<length>|thin|medium|thick
取值:
- <length>:用长度值来定义边框的厚度。不允许负值。参见
<length>
。 - thin:定义比默认厚度细的边框。计算值为 1px。
- medium:定义默认厚度的边框。计算值为 3px。
- thick:定义比默认厚度粗的边框。计算值为 5px。
默认值 | medium |
适用于 | 所有元素 |
继承性 | 无 |
动画性 | 是 |
计算值 | 绝对长度值,如果border-style 设置为none或hidden,则计算值为0 |
例子
//HTML
<div>element 1</div>
<div>element 2</div>
//CSS
div {
border: 1px solid red;
margin: 1em 0;
}
div:nth-child(1) {
border-right-width: thick;
}
div:nth-child(2) {
border-right-width: 2em;
}