| 边框属性包括边框样式、边框颜色和边框宽度，主要用来设置网页中各个元素的边框。
|
|
|
|
|
|
|
|
|
| 语法说明：边框样式属性中border-style是一个复合属性，其他4个都是单个边框的样式属性，只能取一个值，而复合属性border-style可以同时取1到4个值。下面分别说明border-style属性的4个取值方法：取一个值，四条边框均使用这一个值；取两个值，上下边框使用第一个值，左右边框使用第二个值，两个值一定要用空格隔开；取三个值，上边框使用第一个值，左右边框使用第二个值，下边框使用第三个值，取值之间要用空格隔开；取第四个值，四条边框按照上、右、下、左的顺序来调用取值。取值之间也要用空格隔开。具体的样式取值和说明如下表所示。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 语法说明：基本语法中边框宽度属性border-width是一个复合属性，可以同时设置四条边框的宽度。具体使用方法和边框样式的复合属性border-style是一样的。长度包括长度值和长度单位，不可以使用负数。长度单位可以使用绝对单位也可使用相对单位，如px、pt、cm等。
|
|
|
|
|
|
|
|
|
| 语法说明：如果只设置1种颜色，则四条边框的颜色一样；设置2种颜色，则边框的上下为一个颜色，左右为另一个颜色；设置3种颜色，边框的颜色顺序为上、左右、下；设置4种颜色，边框的颜色顺序为上、右、下、左。
|
|
|
| 设置外边距margin-top/margin-bottom/margin-left/margin-right/margin
|
|
|
|
|
|
|
| 语法说明：margin用来设置元素到上一级元素的外边距。
|
|
|
| 设置填充内边距padding-top/padding-bottom/padding-left/padding-right/padding
|
|
|
|
|
|
|
|
|
| 设置图像边框border-image属性（CSS3新增）
|
|
|
|
|
|
|
| 语法说明：source用于规定是否用图片定义边框样式或者规定图像来源路径。slice用于规定图片的切割位置。width用于规定边框图片宽度。repeat用于规定切割后的边框图片中间部分（演示图片中的黄色部分）在元素对应部分的存在方式。
|
|
|
| 设置圆角边框border-radius属性（CSS3新增）
|
|
|
|
|
|
|
| 语法说明：两者之间用"/"分隔，如果只设置水平半径，那么垂直半径的值和水平半径值相同，例如在以上实例中只设置了水平半径，那么水平半径的值也应用于垂直半径。水平半径和垂直半径都可以分别设置四个值：如果只设置了一个值，那么四个圆角都使用这个值。如果设置了两个值，第一个值作用于左上角和右下角，第二个值作用于右上角和左下角。（如果设置了三个值，第一个值作用于左上角，第二个值作用于右上角和左下角，第三个值作用于右下角。如果设置了四个值，那么分别作用于四个角，从左上角开始，按顺时针。
|
|
|
| 设置图像边框border-image属性（CSS3新增）
|
|
|
|
|
|
|
| 语法说明：h-shadow设置元素阴影水平偏移量，可以为负值，单位是像素。v-shadow设置元素阴影垂直偏移量，可以为负值，单位是像素。blur设置阴影模糊半径，只能够为正值，如果为0，表示不具有模糊效果，单位是像素。spread设置阴影的扩展半径尺寸，可以为负值，单位是像素。color设置阴影的颜色；省略此参数，浏览器选取默认颜色，浏览器的默认可能不同，有的为透明。inset可以将外部阴影改为内部阴影。
|
|
|
