css border-right-style属性设置元素右侧边框线条的样式

分类:知识百科 日期: 点击:0

css border-right-style属性

CSS border-right-style属性用于设置元素右侧边框线条的样式。它可以让你指定元素右边框的样式,以及它的宽度、颜色等属性。

该属性的值可以是 none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset 等。其中,none 表示没有边框,hidden 表示隐藏边框,dotted 表示点状边框,dashed 表示虚线边框,solid 表示实线边框,double 表示双实线边框,groove、ridge、inset、outset 表示凹凸边框,具体样式如下:

none       : 没有边框
hidden     : 隐藏边框
dotted     : 点状边框
dashed     : 虚线边框
solid      : 实线边框
double     : 双实线边框
groove     : 凹凸边框
ridge      : 凹凸边框
inset      : 凹凸边框
outset     : 凹凸边框

该属性可以使用简写形式,如下:

border-right: width style color;

例如,下面的代码将设置元素右侧边框的宽度为 5px,样式为 dotted,颜色为 red:

border-right: 5px dotted red;

或者,可以使用下面的代码单独设置元素右侧边框的样式:

border-right-style: dotted;

这个属性也可以使用简写形式,如下:

border-right: dotted;

注意:该属性只能设置元素右侧边框的样式,不能设置元素其他边框的样式。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。