CSS属性 - border-style 边框风格属性

说明

该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}

继承

否

适用于

所有元素

返回上级目录

CSS

CSS教程

CSS代码示例

CSS参考(Reference)