百科解釋
目錄
如使用該復合屬性定義其單個參數(shù),則其他參數(shù)的默認值將無條件覆蓋各自對應的單個屬性設(shè)置。
默認值為:medium none。border-color的默認值將采用文本顏色。
要使用該屬性,必須先設(shè)定對象的height或width屬性,或者設(shè)定position屬性為absolute。
對應的 腳本特性為border。請參閱我編寫的其他書目。
關(guān)于對象的尺寸與邊框,內(nèi)外 補丁等樣式表屬性的關(guān)系,請參看圖例以及height和width屬性。
示例:
p { border: thick double yellow; }
blockquote { border: dotted gray; }
p { border: 25px; } 語法:
border-color : color
參數(shù):
color : 指定顏色。請參閱顏色單位和附錄:顏色表
說明:
如果提供全部四個參數(shù)值,將按上-右-下-左的順序作用于四個邊框。
如果只提供一個,將用于全部的四條邊。
如果提供兩個,第一個用于上-下,第二個用于左-右。
如果提供三個,第一個用于上,第二個用于左-右,第三個用于下。
要使用該屬性,必須先設(shè)定對象的height或width屬性,或者設(shè)定position屬性為absolute。
如果border-width等于0或border-style設(shè)置為none,本屬性將失去作用。
對應的腳本特性為borderColor。請參閱我編寫的其他書目。
示例:
body { border-color: silver ;red; }
body { border-color: silver red RGB(223, 94, 77); }
body { border-color: silver red RGB(223, 94, 77) black; } 語法:
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
參數(shù):
none : 無邊框。與任何指定的border-width值無關(guān)
hidden : 隱藏邊框。IE不支持
dotted : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線
dashed : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線
solid : 實線邊框
double : 雙線邊框。兩條單線與其間隔的和等于指定的border-width值
groove : 根據(jù)border-color的值畫3D凹槽
ridge : 根據(jù)border-color的值畫菱形邊框
inset : 根據(jù)border-color的值畫3D凹邊
outset : 根據(jù)border-color的值畫3D凸邊
說明:
如果提供全部四個參數(shù)值,將按上-右-下-左的順序作用于四個邊框。
如果只提供一個,將用于全部的四條邊。
如果提供兩個,第一個用于上-下,第二個用于左-右。
如果提供三個,第一個用于上,第二個用于左-右,第三個用于下。
要使用該屬性,必須先設(shè)定對象的height或width屬性,或者設(shè)定position屬性為absolute。
如果border-width不大于0,本屬性將失去作用。
對應的腳本特性為borderStyle。
示例:
body { border-style: double groove; }
body { border-style: double groove dashed; } 語法:
border-width : medium | thin | thick | length
參數(shù):
medium : 默認寬度
thin : 小于默認寬度
thick : 大于默認寬度
length : 由浮點數(shù)字和單位 標識符組成的長度值。不可為負值。請參閱長度單位
說明:
如果提供全部四個參數(shù)值,將按上-右-下-左的順序作用于四個邊框。
如果只提供一個,將用于全部的四條邊。
如果提供兩個,第一個用于上-下,第二個用于左-右。
如果提供三個,第一個用于上,第二個用于左-右,第三個用于下。
要使用該屬性,必須先設(shè)定對象的height或width屬性,或者設(shè)定position屬性為absolute。
如果border-style設(shè)置為none,本屬性將失去作用。
對應的腳本特性為borderWidth。
示例:
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }