CSS 邊框側邊
CSS 邊框 - 單獨的側邊
從前幾頁的示例中，您已經看到可以為每個側邊指定不同的邊框。
在 CSS 中，也有用於指定每個邊框（上、右、下、左）的屬性：
示例
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
結果
不同的邊框樣式
上面的示例與此具有相同的結果：
所以，它是這樣工作的
如果 border-style 屬性有四個值：
- border-style: dotted solid double dashed;
- 上邊框是 dotted
- 右邊框是 solid
- 下邊框是 double
- 左邊框是 dashed
如果 border-style 屬性有三個值：
- border-style: dotted solid double;
- 上邊框是 dotted
- 右邊框和左邊框是 solid
- 下邊框是 double
如果 border-style 屬性有兩個值：
- border-style: dotted solid;
- 上邊框和下邊框是 dotted
- 右邊框和左邊框是 solid
如果 border-style 屬性有一個值：
- border-style: dotted;
- 所有四個邊框都是 dotted
示例
/* 四個值 */
p {
border-style: dotted solid double dashed;
}
/* 三個值 */
p {
border-style: dotted solid double;
}
/* 兩個值 */
p {
border-style: dotted solid;
}
/* 一個值 */
p {
border-style: dotted;
}
自己動手試一試 »
上面的示例使用了 border-style 屬性。但是，它也適用於 border-width 和 border-color。
