当前位置主页 > 资料库 > 前端教程 > CSS属性参考 | border-right

CSS属性参考 | border-right

2016-04-26
麦子学院

border-right属性是用于设置元素右侧边框的宽度,颜色和样式的简写属性。

border-right属性可以同时设置一个元素的border-right-width属性、border-right-style属性和border-right-color属性。

border-right属性可以接收1个、2个或3个属性值,没有设置的值会使用它们的初始值。

border-right属性中的值的顺序是可以任意的。如果你单独设置了某个元素的右侧边框的属性之后在再使用border-right属性来设置右侧边框样式,那么border-right属性中的值会覆盖前面设置的值,没有被设置的值使用它的默认值。例如:

border-right-style: dotted;
border-right: thick green;                              
                            

上面的代码等效于:

border-right-style: dotted;
border-right: none thick green;                              
                            

由于在border-right属性中的没有给出border-right-style属性,它会被设置为初始值none,前面设置的border-right-style: dotted;将会被忽略。

官方语法
border-right: <line-width> || <line-style> || <color>                             
                            

参数:

border-right属性的初始值为:

border-right-width: medium
border-right-style: none
border-right-color: currentColor                              
                            

下面是border-right属性取值的示例代码:

border-right: 1px;
border-right: 2px dotted;
border-right: medium dashed blue;                            
                            
应用范围

border-right属性可以应用在所有的元素上。

在线演示

下面的例子为元素右侧边框设置10像素的绿色实线边框。

右侧边宽度为10像素绿色实线

下载源代码

浏览器支持

所有的现代浏览器都支持border-right属性,包括Chrome,Firefox,Safari,Opera,IE 以及 Android 和 iOS。

相关阅读
Previous:
上一篇:CSS属性参考 | border-right-style
Next:
下一篇:CSS属性参考 | border-image-outset

我要评论

返回顶部