English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-width CSS属性は、個々の枠線の幅を設定するために使用される属性で、ショートカット属性であり、以下のものです。border-top-width、border-right-width、border-bottom-widthおよびborder-left-widthの省略属性。
以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの属性の使用法を示しています。
| デフォルト値： | medium |
|---|---|
| 適用於： | 所有元素 |
| 继承： | すべての要素 |
| 継承： | ありませんアニメーション可能： は。。 |
| 参照してください | CSS 1、2、3 |
| アニメーション属性 | バージョン：JavaScriptの構文： |
.style.borderWidth="thin thick"
border-widthの使用構文 1 この属性の構文は以下の通りです： 4 width: [ thin | medium | thick | length ]
to
values | inherit指定された場合、この短縮記号は1、2、3、または4つのスペースで区切られた値を取ることができます。1つの値
指定された場合、各値は上、右、左、下の順にそれぞれ適用されます。指定された場合、最初の値はすべての枠線に適用されます。2つの値
指定された場合、各値は上、右、左、下の順にそれぞれ適用されます。指定された場合、最初の値は上と下の枠線に、次の値は右と左の枠線に適用されます。3つの値
指定された場合、各値は上、右、左、下の順にそれぞれ適用されます。4つの値、各値は上、右、下、左の順にそれぞれ枠線に適用されます。
以下の例では、borderの使用方法を示しています-width属性。
p {
border-style: solid;
border-width: 5px;
}テストして‹/›注意：border-style属性はborder-bottom-width属性が前に宣言されていない場合、要素には枠線がなければ、枠線の幅を設定することはできません。なぜなら、このborder-styleこの属性のデフォルト値はnoneです。
以下の表はこの属性の値を説明しています。
| 値 | 説明 |
|---|---|
| thin | 細い枠線。 |
| medium | 中間の境界。 |
| thick | 粗い枠線。 |
| length | px、pt、cm、emなどの長さ単位の値で、負の値は許可されません。 |
| inherit | 指定された場合、関連する要素は親要素のborderを使用します-widthの属性値。 |
border-width属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。
ブラウザのサポート–
|
参照教程：CSS Border、CSS3 Border。
関連属性：border、border-style、border-color、border-top-width、border-right-width、border-bottom-width、border-left-width。