復合屬性(即理解為:可以使用多個屬性去設置上邊框)。
復合是指一次使用多種樣式定義邊框
可以使用border-top、border-right、border-bottom、border-left分別定義四條邊框的所有屬性,屬性值是樣式、寬度和顏色,其中寬度和顏色可以省略,樣式不能省略,
還可以直接使用border屬性,一次性對四條邊框同時設置,屬性值同樣是樣式、寬度和顏色,其中寬度和顏色可以省略,樣式不能省略。
例如:
.box{border-style:solid;}
.box1{border-width:5px;}
.box2{border-color:red;}
.box3{border-top:1pxdashed#00ff00;}
.box4{border:1pxdotted#0000ff;}