---

CSS border 属性

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

　　border-width
　　border-style
　　border-color

如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

例子

　　border:5px solid red;
　　border: medium double rgb(250,0,255)

---

CSS border-width 属性

值　　　 描述
thin　　 定义细的边框。
medium　 默认。定义中等的边框。
thick　　定义粗的边框。
length 　允许您自定义边框的宽度。
inherit　规定应该从父元素继承边框宽度。

---

例子 1

border-width:thin medium thick 10px;

　　上边框：细边框
　　右边框：中等边框
　　下边框：粗边框
　　左边框： 10px 宽的边框

例子 2

border-width:thin medium thick;

　　上边框： 10px
　　右左边框：中等边框
　　下边框：粗边框：

例子 3

border-width:thin medium;

　　上下边框：细边框
　　右左边框：中等边框

例子 4

border-width:thin;

　　所有边框：细边框

---

CSS border-style 属性

值　　　　描述
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　 规定应该从父元素继承边框样式。

border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

只有当这个值不是 none 时边框才可能出现。

例子 1

border-style:dotted solid double dashed;

　　上边框是点状
　　右边框是实线
　　下边框是双线
　　左边框是虚线

例子 2

border-style:dotted solid double;

　　上边框是点状
　　右边框和左边框是实线
　　下边框是双线

例子 3

border-style:dotted solid;

　　上边框和下边框是点状
　　右边框和左边框是实线

例子 4

border-style:dotted;

　　所有 4 个边框都是点状

---