在CSS 中常見的邊框(border) 屬性有以下幾種:
border-style
border-width
border-color
border-top-, border-left-, border-bottom-, border-right-
border
border-styleborder-style屬性指定邊框的樣式。以下的表格列出這個屬性可能有的值,以及每壹個值顯現出來的結果。
border-widthborder-width屬性是用來設定邊框的寬度。可用的值為thin (薄)、medium (中等)、thick (厚),或是壹個數字。
border-colorborder-color屬性是用來設定邊寬的顏色。
border-top-, border-left-, border-bottom-, border-right-我們可以將方向(top -上、bottom -下、left -左、right -右)和樣式、寬度、及顏色合起來而成為壹個屬性。舉例來說, border-top-style屬性就是用來設定上邊框的樣式。以下舉幾個例子:
border若四邊的邊框屬性都壹樣,那我們可以用壹個border屬性來描述,而不必四個邊都描述壹次。另外,我們可以在同壹行壹次宣告邊框樣式、邊框寬度、以及邊框顏色。
p {
border:#0000FF 5px solid;?
}
那以下的HTML,
<p>用壹行來宣布所有邊框的屬性</p>
會顯現出