[Back To Basic] css - 邊框(border)

邊框樣式(border-style)

為必要的屬性(property)，否則其他跟邊框有關的屬性都無效

邊框寬度(border-width)

• border-width: 上 右 下 左
• 預設邊框寬度值:
• thin
• medium
• thick

邊框顏色(border-color)

• 無設定的話，繼承HTML元素的color

單邊設定

• border-top-style: dotted;
• border-right-style: solid;
• border-bottom-style: dotted;
• border-left-style: solid;

簡寫規則

• 四個值分別指定給: border-width: 上 右 下 左
• 三個值分別指定給: border-width: 上 右左 下
• 二個值分別指定給: border-width: 上下 右左 
• 一個值分別指定給: border-width: 上右下左

速寫

• border: 5px solid red;
• border-left: 6px solid red;
• 其他規則皆相同

附註

邊框圓角(border-radius), IE8以前不支援