border缩写属性:
- 设置的属性分别(按顺序):border-width, border-style,和border-color.
- 如果上述值缺少一个没有关系,例如border:#FF0000;是允许的。
border其他属性用法:
-
单个边的复合样式
border-left:thick double #ff0000; -
单个边的某一具体样式:
border-bottom-color:red;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-left-radius:3px;下边框左边圆角
border-bottom-right-radius:3px;下边框右边圆角 -
所有边框的某一样式:
border-color:#fff red green blue; 设置一个元素的四个边框颜色。此属性可以有一到四个值。
border-radius:3px 6px 3px 3px;设置圆角
border-style:dotted solid double dashed;设置一个元素的四个边框的样式。此属性可以有一到四个值。
border-width:thin medium thick 10px;设置一个元素的四个边框的宽度。此属性可以有一到四个值。 -
border-collapse:collapse/separate:;
设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。