CSS 邊框屬性（Border 和 Outline） · W3School CSS 參考手冊

# CSS 邊框屬性（Border 和 Outline） | 屬性 | 描述 | CSS | | --- | --- | --- | | [border](/cssref/pr_border.asp) | 在一個聲明中設置所有的邊框屬性。 | 1 | | [border-bottom](/cssref/pr_border-bottom.asp) | 在一個聲明中設置所有的下邊框屬性。 | 1 | | [border-bottom-color](/cssref/pr_border-bottom_color.asp) | 設置下邊框的顏色。 | 2 | | [border-bottom-style](/cssref/pr_border-bottom_style.asp) | 設置下邊框的樣式。 | 2 | | [border-bottom-width](/cssref/pr_border-bottom_width.asp) | 設置下邊框的寬度。 | 1 | | [border-color](/cssref/pr_border-color.asp) | 設置四條邊框的顏色。 | 1 | | [border-left](/cssref/pr_border-left.asp) | 在一個聲明中設置所有的左邊框屬性。 | 1 | | [border-left-color](/cssref/pr_border-left_color.asp) | 設置左邊框的顏色。 | 2 | | [border-left-style](/cssref/pr_border-left_style.asp) | 設置左邊框的樣式。 | 2 | | [border-left-width](/cssref/pr_border-left_width.asp) | 設置左邊框的寬度。 | 1 | | [border-right](/cssref/pr_border-right.asp) | 在一個聲明中設置所有的右邊框屬性。 | 1 | | [border-right-color](/cssref/pr_border-right_color.asp) | 設置右邊框的顏色。 | 2 | | [border-right-style](/cssref/pr_border-right_style.asp) | 設置右邊框的樣式。 | 2 | | [border-right-width](/cssref/pr_border-right_width.asp) | 設置右邊框的寬度。 | 1 | | [border-style](/cssref/pr_border-style.asp) | 設置四條邊框的樣式。 | 1 | | [border-top](/cssref/pr_border-top.asp) | 在一個聲明中設置所有的上邊框屬性。 | 1 | | [border-top-color](/cssref/pr_border-top_color.asp) | 設置上邊框的顏色。 | 2 | | [border-top-style](/cssref/pr_border-top_style.asp) | 設置上邊框的樣式。 | 2 | | [border-top-width](/cssref/pr_border-top_width.asp) | 設置上邊框的寬度。 | 1 | | [border-width](/cssref/pr_border-width.asp) | 設置四條邊框的寬度。 | 1 | | [outline](/cssref/pr_outline.asp) | 在一個聲明中設置所有的輪廓屬性。 | 2 | | [outline-color](/cssref/pr_outline-color.asp) | 設置輪廓的顏色。 | 2 | | [outline-style](/cssref/pr_outline-style.asp) | 設置輪廓的樣式。 | 2 | | [outline-width](/cssref/pr_outline-width.asp) | 設置輪廓的寬度。 | 2 | | [border-bottom-left-radius](/cssref/pr_border-bottom-left-radius.asp "CSS3 border-bottom-left-radius 屬性") | 定義邊框左下角的形狀。 | 3 | | [border-bottom-right-radius](/cssref/pr_border-bottom-right-radius.asp "CSS3 border-bottom-right-radius 屬性") | 定義邊框右下角的形狀。 | 3 | | [border-image](/cssref/pr_border-image.asp "CSS3 border-image 屬性") | 簡寫屬性，設置所有 border-image-* 屬性。 | 3 | | [border-image-outset](/cssref/pr_border-image-outset.asp "CSS3 border-image-outset 屬性") | 規定邊框圖像區域超出邊框的量。 | 3 | | [border-image-repeat](/cssref/pr_border-image-repeat.asp "CSS3 border-image-repeat 屬性") | 圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。 | 3 | | [border-image-slice](/cssref/pr_border-image-slice.asp "CSS3 border-image-slice 屬性") | 規定圖像邊框的向內偏移。 | 3 | | [border-image-source](/cssref/pr_border-image-source.asp "CSS3 border-image-source 屬性") | 規定用作邊框的圖片。 | 3 | | [border-image-width](/cssref/pr_border-image-width.asp "CSS3 border-image-width 屬性") | 規定圖片邊框的寬度。 | 3 | | [border-radius](/cssref/pr_border-radius.asp "CSS3 border-radius 屬性") | 簡寫屬性，設置所有四個 border-*-radius 屬性。 | 3 | | [border-top-left-radius](/cssref/pr_border-top-left-radius.asp "CSS3 border-top-left-radius 屬性") | 定義邊框左上角的形狀。 | 3 | | [border-top-right-radius](/cssref/pr_border-top-right-radius.asp "CSS3 border-top-right-radius 屬性") | 定義邊框右下角的形狀。 | 3 | | box-decoration-break | 3 | | [box-shadow](/cssref/pr_box-shadow.asp "CSS3 box-shadow 屬性") | 向方框添加一個或多個陰影。 | 3 |