English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-left-width CSS属性は、要素の左側の枠線の幅を単独で設定するために使用されます。しかし、多くの場合、以下のようになります。border-widthまたはborder-leftこのような短縮CSS属性は使いやすく、推奨されます。
以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用文法を示しています。
デフォルト値: | medium |
---|---|
適用範囲: | すべての要素 |
継承: | ありません |
アニメーション可能: | はい。参照してください アニメーション属性。 |
バージョン: | CSS 1,2,3 |
JavaScript文法: | object.style.borderLeftWidth="thick" |
この属性の文法は以下の通りです:
border-left-width: thin | medium | thick | length | inherit
以下の例では、border-left-width属性。
p { border-style: solid; border-left-width: 15px; }テストして見て‹/›
注意:border-bottom-width属性の前の宣言border-style属性。また、要素には枠線が必要で、枠線の幅を設定する前にwidth属性が宣言されている必要があります。border-styleこの属性のデフォルト値はnoneです。
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
thin | 細い枠線。 |
medium | 中間の境界。 |
thick | 太い枠線。 |
length | px、pt、cm、emなどの単位の長さ値ですが、負の値は許可されません。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連要素は親要素のborderを使用します。-left-widthの属性値。 |
border-left-width属性のブラウザの互換性、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。
|
チュートリアルを参照:CSS Border,CSS3 Border。
関連属性:border,border-width,border-left,border-left-color,
border-left-style。