CSS Border 查漏补缺

缺漏点

        border: '1px dashed transparent',
        /* 
            transparent    表示为“透明的”
        */

属性

值	          说明
border-width	指定边框的宽度
border-style	指定边框的样式
border-color	指定边框的颜色
inherit	     指定应该从父元素继承border属性值

参数

参数一：表示宽度
参数二：可选的值：

参数三：可选的值：

none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

补充

属性

1. CSS border-collapse 属性
   为表格设置合并边框模型

2. border-image 属性
   指定作为div元素周围边框的图像

CSS3 border-image-outset 属性
border-image-outset用于指定在边框外部绘制 border-image-area 的量。包括上下部和左右部分。如果第四个值被省略，它和第二个是相同的。如果也省略了第三个，它和第一个是相同的。如果也省略了第二个，它和第一个是相同的。不允许border-im-outset拥有负值。

div
{
    border-image-source: url(border.png);
    border-image-outset: 30 30;
}