CSS邊框屬性有：border、border-radius、border-color、border-left、border-right、border-style、border-top、border-width、border-image等等。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS中的邊框屬性
CSS邊框屬性可讓你指定一個元素邊框的樣式和顏色。
CSS邊框屬性清單
| > | 描述 | CSS |
|---|---|---|
| border | 複合屬性。設定物件邊框的特性。 | 1 |
| border-bottom | 複合屬性。設定物件底部邊框的特性。 | 1 |
| border-bottom-color | #設定或檢索物件的底部邊框顏色。 | 1 |
| border-bottom-style | 設定或檢索物件的底部邊框樣式。 | 1 |
| border-bottom-width | 設定或擷取物件的底部邊框寬度。 | 1 |
| border-color | 置或檢索物件的邊框顏色。 | 1 |
| border-left | 複合屬性。設定物件左邊邊框的特性。 | 1 |
| border-left-color | #設定或擷取物件的左邊邊框顏色。 | 1 |
| border-left-style | #設定或擷取物件的左邊邊框樣式。 | 1 |
| border-left-width | 設定或擷取物件的左邊邊框寬度。 | 1 |
| border-right | 複合屬性。設定物件右邊邊框的特性。 | 1 |
| border-right-color | 設定或檢索物件的右邊邊框顏色。 | 1 |
| border-right-style | 設定或檢索物件的右邊邊框樣式。 | 1 |
| border-right-width | 設定或檢索物件的右邊邊框寬度。 | 1 |
| border-style | 設定或擷取物件的邊框樣式。 | 1 |
| border-top | 複合屬性。設定物件頂部邊框的特性。 | 1 |
| border-top-color | 設定或檢索物件的頂部邊框顏色 | 1 |
| border-top-style | 設定或檢索物件的頂部邊框樣式。 | 1 |
| border-top-width | 設定或擷取物件的頂部邊框寬度。 | 1 |
| border-width | 設定或擷取物件的邊框寬度。 | 1 |
| border-bottom-left-radius | 設定或擷取物件的左下角圓角邊框。提供2個參數，2個參數以空格分隔，每個參數允許設定1個參數值，第1個參數表示水平半徑，第2個參數表示垂直半徑，如第2個參數省略，則預設等於第1個參數 | 3 |
| border-bottom-right-radius | 設定或檢索物件的右下角圓角邊框。 | 3 |
| border-image | 設定或檢索物件的邊框樣式使用圖像來填入。 | 3 |
| border-image-outset | #規定邊框影像超過邊框的量。 | 3 |
| border-image-repeat | #規定圖片邊框是否應該重複（repeated）、拉伸（stretched）或鋪滿（ rounded）。 | 3 |
| border-image-slice | #規定影像邊框的向內偏移。 | 3 |
| border-image-source | #規定要使用的圖像，取代 border-style 屬性中設定的邊框樣式。 | 3 |
| border-image-width | 規定圖像邊框的寬度。 | 3 |
| border-radius | 設定或檢索物件使用圓角邊框。 | 3 |
| border-top-left-radius | 定義左上角邊框的形狀。 | 3 |
| border-top-right-radius | 定義右上角邊框的形狀。 | 3 |
（學習影片分享：css影片教學）
以上是CSS中邊框屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
