首頁  >  文章  >  web前端  >  CSS中邊框屬性有哪些

CSS中邊框屬性有哪些

青灯夜游
青灯夜游原創
2021-12-09 11:40:278142瀏覽

CSS邊框屬性有:border、border-radius、border-color、border-left、border-right、border-style、border-top、border-width、border-image等等。

CSS中邊框屬性有哪些

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS中的邊框屬性

CSS邊框屬性可讓你指定一個元素邊框的樣式和顏色。

CSS中邊框屬性有哪些

CSS邊框屬性清單

> 描述 CSS
border 複合屬性。設定物件邊框的特性。 1
border-bottom 複合屬性。設定物件底部邊框的特性。 1
border-bottom-color #設定或檢索物件的底部邊框顏色。
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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn