閱讀(34.9k) 書簽贊(0) 我要糾錯(cuò)

CSS border-left 屬性

2022-06-02 14:59 更新

實(shí)例

設(shè)置左邊框的樣式：

p
{
border-style:solid;
border-left:thick double #ff0000;
}

border-left 簡寫屬性把左邊框的所有屬性設(shè)置到一個(gè)聲明中。

可以按順序設(shè)置如下屬性： border-left-width, border-left-style, and border-left-color.

如果不設(shè)置其中的某個(gè)值，也不會出問題，比如 border-left:solid #ff0000; 也是允許的。

默認(rèn)值：	not specified
繼承性：	no
版本：	CSS1
JavaScript 語法：	object.style.borderLeft="3px solid blue"

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。

屬性
border-left	1.0	4.0	1.0	3.5	1.0

值	描述
border-left-width	規(guī)定左邊框的寬度。參閱：border-left-width 中可能的值。
border-left-style	規(guī)定左邊框的樣式。參閱：border-left-style 中可能的值。
border-left-color	規(guī)定左邊框的顏色。參閱：border-left-color 中可能的值。
inherit	規(guī)定應(yīng)該從父元素繼承 border-left 屬性的設(shè)置。