CSS border-width 屬性
定義和用法
border-width 簡寫屬性為元素的所有邊框設(shè)置寬度,或者單獨(dú)地為各邊邊框設(shè)置寬度。
只有當(dāng)邊框樣式不是 none 時(shí)才起作用。如果邊框樣式是 none,邊框?qū)挾葘?shí)際上會(huì)重置為 0。不允許指定負(fù)長度值。
例子 1
border-width:thin medium thick 10px;
- 上邊框是細(xì)邊框
- 右邊框是中等邊框
- 下邊框是粗邊框
- 左邊框是 10px 寬的邊框
例子 2
border-width:thin medium thick;
- 上邊框是 10px
- 右邊框和左邊框是中等邊框
- 下邊框是粗邊框
例子 3
border-width:thin medium;
- 上邊框和下邊框是細(xì)邊框
- 右邊框和左邊框是中等邊框
例子 4
border-width:thin;
- 所有 4 個(gè)邊框都是細(xì)邊框
默認(rèn)值: | medium |
---|---|
繼承性: | no |
版本: | CSS1 |
JavaScript 語法: | object.style.borderWidth="thin thick" |
瀏覽器支持
所有瀏覽器都支持 border-width 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
thin | 定義細(xì)的邊框。 |
medium | 默認(rèn)。定義中等的邊框。 |
thick | 定義粗的邊框。 |
length | 允許您自定義邊框的寬度。 |
inherit | 規(guī)定應(yīng)該從父元素繼承邊框?qū)挾取?/td> |
TIY 實(shí)例
- 所有邊框?qū)挾葘傩栽谝粋(gè)聲明之中
- 本例演示用簡寫屬性來將所有邊框?qū)挾葘傩栽O(shè)置于同一聲明中。