border-style

border-style 属性是用于指定元素边框的线条样式（实线，双线，虚线等）的缩写属性，除非有边框图像（border-image）的情况。

它是属性 border-top-style，border-right-style，border-bottom-style 和 border-left-style 的缩写形式。

可以使用一个，两个，三个或四个组件指定 border-style 属性的值。

这里是重点：

当使用一个值时，该值指定顶部，右侧，底部和左侧边框的样式； 如果使用两个值，第一个值指定顶部和底部边框的样式，第二个值指定右边框和左边框的样式；如果使用三个值，第一个指定顶部边框的样式，第二个指定右边框和左边框的样式，第三个指定底部边框的样式； 如果使用四个值，则第一，第二，第三和第四值分别指定顶，右，底和左边框的样式。

例如：

border-style: solid;
border-style: solid solid;
border-style: solid double solid ;
border-style: solid double solid double;

在你的心里默默地说出以上的参数分别是哪些边吧？如果说对了，那么你就学懂了。

接着我们来看看它的参数值吧：none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

这个属性的默认值为 none，也就是说默认是没有边框的。

以下图例就是我们所有的参数值的实际样式：

各 style 样式

但是并非所有浏览器都可以以相同的方式呈现样式。 例如，Chrome 当前将点显示为矩形点而不是圆形点。

也就是这样：

示例

当然，90% 以上的情况下，我们都是使用 solid 参数值。这些我们作为了解，后面的那几个基本来说，我们很少会用的。

好啦，这节也到此为止啦。