### 簡寫方式 border: 線型 粗細 顏色 #### 默認值` border：none` 格式 border：樣式 寬度 顏色 ### 邊框風格 border-style #### 統一風格（簡寫風格）border-style #### 單獨定義某一方向的邊框樣式 * 上邊邊框樣式border-top-style * 右邊邊框樣式border-right-style * 下邊邊框樣式border-bottom-style * 左邊邊框樣式border-left-style #### 邊框風格樣式的屬性值 * none 無邊框 `默認值` * solid 直線邊框 * dashed 虛線邊框 * dotted 點狀邊框 * double 雙線邊框 * groove 凸槽邊框 * ridge 壟狀邊框 * inset inset邊框 * outset outset邊框 * inherit繼承 ### 邊框寬度 border-width #### 統一風格 border-width #### 單獨風格 * 上邊邊框寬度border-top-width * 右邊邊框寬度border-right-width * 下邊邊框寬度border-bottom-width * 左邊邊框寬度border-left-width #### 邊框寬度的屬性 * thin 細邊框 * medium 中等邊框 * thick 粗邊框 * px 固定值的邊框 * nherit繼承 ### 邊框顏色 border-color 參考文本顏色屬性 #### 統一風格 border-color #### 單獨風格 * 上邊邊框顏色border-top-color * b右邊邊框顏色order-right-color * 下邊邊框顏色border-bottom-color * 左邊邊框顏色border-left-color #### 屬性值的四種情況 一個值：border-color：（上、下、左、右）； 兩個值：border-color：（上下） （左右）； 三個值：border-color:（上） （左、右） （下）; 四個值：border-color：（上）（右）（下）（左）;