Style borderLeftWidth属性
- 前のページ borderLeftStyle
- 次のページ borderRadius
- 上一階層に戻る HTML DOM Styleオブジェクト
定義と使用方法
borderLeftWidth
要素の左端の枠の幅を設定または返します。
他にも参照してください:
CSSチュートリアル:CSS 枠線
CSSリファレンスマニュアル:border-left-width属性
HTML DOM リファレンスマニュアル:border属性
例
例1
<div>要素の左端の枠の幅を10pxに変更します:
document.getElementById("myDiv").style.borderLeftWidth = "10px";
例2
<div>要素の左端の枠の幅を細に変更します:
document.getElementById("myDiv").style.borderLeftWidth = "thin";
例3
<div>要素の左端の枠の幅を返します:
alert(document.getElementById("myDiv").style.borderLeftWidth);
文法
borderLeftWidth属性を返します:
object.style.borderLeftWidth
borderLeftWidth属性を設定します:
object.style.borderLeftWidth = "thin|medium|thick|length|initial|inherit"
属性値
値 | 説明 |
---|---|
thin | 細い枠を定義します。 |
medium | 中程度の枠を定義します。デフォルト。 |
thick | 粗い枠を定義します。 |
length | 長さ単位の枠の幅。 |
initial | この属性をデフォルト値に設定します。参照してください initial。 |
inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
デフォルト値: | medium |
---|---|
返り値: | 文字列で、要素の左端の枠の幅を表します。 |
CSSバージョン: | CSS1 |
ブラウザのサポート
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
サポート | サポート | サポート | サポート | サポート |
- 前のページ borderLeftStyle
- 次のページ borderRadius
- 上一階層に戻る HTML DOM Styleオブジェクト