CSS盒子模型及属性

 边框属性

1边框样式boder-style

在CSS属性中，boder-style属性用于设置边框样式

语法结构： border-style: 上边[右边 下边 左边];

在设置边框样式时既可以针对四条边分别设置，也可以综合设置四条边的样式。boder-style属性的常用属性值有4个，分别用于定义不同的显示样式，具体如下。

solid 边框为单实线

dashed 边框为虚线

dotted 边框为点线

double 边框为双实线

使用boder-style 属性综合设置四边样式时，必须按上右下左的顺时针顺序，省略时采用值复制的原则，即一个值为四边，两个值为上下/左右，三个值为上/左右/下，四个值为上/右/下/左。

需要注意的是，由于兼容性的问题，在不同的浏览器中的点线dotted和虚线dashed的显示样式可能会略有差异。

2 边框宽度boder-width

在CSS属性中，boder-width属性用于设置边框宽度

语法结构： border-width: 上边[右边 下边 左边];

在上面的语法格式中，boder-width属性常用取值单位为像素px。并且同样遵循值复制的原则，其属性值可以设置1~4个，即一个值为四边，两个值为上下/左右，三个值为上/左右/下，四个值为上/右/下/左。

3 边框颜色boder-color

在CSS属性中，boder-color属性用于设置边框颜色

语法结构： border-color: 上边[右边 下边 左边];

<