当前位置:Gxlcms > html代码 > CSSborder-right-style属性设置元素的右边框样式

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

时间:2021-07-01 10:21:17 帮助过:97人阅读

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属性设置元素的右边框样式实例-www.manongjc.com



右边框由点组成,形成点线效果。

右边框由短线组成,形成短线效果。

右边框是实线。

右边框是双实线,形成双实线效果。

右边框带有立体效果的沟槽。

右边框成脊形。

右边框内嵌一个立体边框。

右边框外嵌一个立体边框。

  

参考阅读:http://www.manongjc.com/article/1189.html

人气教程排行