该CSS属性用来设定边框的风格。边框区域的定义,请参见 CSS 盒子模式 (Box Model) 。
值:<border-style>{1,4} | inherit
可用值 | 值的说明 |
none | 没有边框,无论边框宽度设为多大 |
dotted | 点线式边框 |
dashed | 破折线式边框 |
solid | 直线式边框 |
double | 双线式边框 |
groove | 槽线式边框 |
ridge | 脊线式边框 |
inset | 内嵌效果的边框 |
outset | 突起效果的边框 |
border-style 是 border-top-style, border-right-style, border-bottom-style,border-left-style 的一种快捷的综合写法,最多允许四个值,依次的顺序是:上,右,下,左。
如果只有一个值,表示四个边框都用同样的风格。如果有两个值,第一个值表示上下边框风格,第二个值表示左右边框风格。如果有三个值,第一个值表示上边框风格,第二个值表示左右边框风格,第三个值表示下边框风格。
.d1 {border-style:none}
.d2 {border-style:solid dotted double inset}
.d3 {border-style:solid double}
.d4 {border-style:dotted double}
.d5{border-style:none solid double}
否
所有元素