CSS 边框 border

border-top-width

设置顶部边框的宽度。

属性值：

1. thin 细
2. medium 中等（默认）
3. thick 粗
4. 尺寸值

border-top-style

设置顶部边框的样式。

属性值：

1. none 无边框
2. hidden 与 none 类似。在应用于表格时，可以解决边框冲突
3. dotted 点状线
4. dashed 虚线
5. solid 实线
6. double 双线
7. groove 3D 凹陷
8. ridge 3D 突出
9. inset 3D inset
10. outset 3D outset

border-top-color

设置顶部边框的颜色。

属性值：

1. transparent 透明（默认）
2. 颜色值

bottom-top

在同一个声明中设置顶部边框属性。

可包括的属性：

• border-top-width
• border-top-style
• border-top-color

border-right-width

border-right-style

border-right-color

bottom-right

border-bottom-width

border-bottom-style

border-bottom-color

bottom-bottom

border-left-width

border-left-style

border-left-color

bottom-left

...

border-color

在同一个声明中设置边框颜色。

可包括的属性：

• border-top-color
• border-right-color
• border-bottom-color
• border-left-color

有四种设置方式：

1. a b c d 分别设置顶部、右侧、底部和左侧的边框颜色
2. a b c 分别设置顶部、左右和底部的边框颜色
3. a b 分别设置顶部和底部、左右的边框颜色
4. a 一次设置四个边框颜色

border-style

在同一个声明中设置边框样式。

可包括的属性：

• border-top-style
• border-right-style
• border-bottom-style
• border-left-style

有四种设置方式：

1. a b c d 分别设置顶部、右侧、底部和左侧的边框样式
2. a b c 分别设置顶部、左右和底部的边框样式
3. a b 分别设置顶部和底部、左右的边框样式
4. a 一次设置四个边框样式

border-width

在同一个声明中设置边框宽度。

可包括的属性：

• border-top-width
• border-right-width
• border-bottom-width
• border-left-width

有四种设置方式：

1. a b c d 分别设置顶部、右侧、底部和左侧的边框宽度
2. a b c 分别设置顶部、左右和底部的边框宽度
3. a b 分别设置顶部和底部、左右的边框宽度
4. a 一次设置四个边框宽度

border

在同一个声明中设置边框属性。

可包括的属性：

• border-width
• border-style
• border-color