邊框(Border) 和 輪廓(Outline) 屬性
邊框:樣式、顏色、寬度, 圓角。
屬性 | 描述 | 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 |
outline | 復合屬性。設置或檢索對象外的線條輪廓。 | 2 |
outline-color | 設置或檢索對象外的線條輪廓的顏色。 | 2 |
outline-style | 設置或檢索對象外的線條輪廓的樣式。 | 2 |
outline-width | 設置或檢索對象外的線條輪廓的寬度。 | 2 |
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 |
box-decoration-break | 規定行內元素被折行 | 3 |
box-shadow | 向方框添加一個或多個陰影。 |