border-right
介绍
用于设置右边框相关样式,该属性可按顺序设置border-right-width
、border-right-style
、border-right-color
。
取值
可按顺序设置如下属性:
border-right-width
边框的宽度border-right-style
边框的样式border-right-color
边框的颜色
标准化语法
<line-width> || <line-style> || <color>
where
<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
1
2
3
4
2
3
4
样例:
/* 右边框是粗双线红边框 */
border-right: thick double red;
/* 右边框是细点线蓝边框 */
border-right: thin dotted blue;
/* 右边框是10px虚线橙边框 */
border-right: 10px dashed orange;
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
与 Web 的区别
不支持 inherit、initial、revert、unset 等