PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

CSS border-right-style属性设置元素的右边框样式

原创
2016-09-21 13:56:04 1791浏览

CSS border-right-style属性设置元素的右边框样式

边框的样式指的是边框的线条属性,指的是边框采用的是实线效果、短线效果还是其它的线条效果。

border-right-style属性设置的是某一元素的右边框的样式。

语法格式如下:

border-right-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

border-right-style属性适用于所有元素。

border-right-style属性值说明如下:

属性值说明
none 无右边框。
dotted 右边框由点组成,形成点线效果。
dashed 右边框由短线组成,形成短线效果。
solid 右边框是实线。
double 右边框是双实线,形成双实线效果。
groove 右边框带有立体效果的沟槽。
ridge 右边框成脊形。
inset 右边框内嵌一个立体边框。
outset 右边框外嵌一个立体边框。

只有右边框和元素以及页面其它属性结合在一起的时候,才能真正展现其样式。上表中,groove、ridge、inset以及outset等和右边框颜色结合设置才能达到更好的效果。

border-right-style属性实例



CSS border-right-style灞
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。