Style borderLeftStyle 属性

定義と使用法

borderLeftStyle 属性設定または要素の左側の枠線のスタイルを返します。

も参照してください：

CSS 教程：CSS 枠線

CSS 参考手帳：border-left-style 属性

HTML DOM 参考手帳：border 属性

例

例1

div要素に実線の左境界を追加します：

document.getElementById("myDiv").style.borderLeftStyle = "solid";

自分で試してみてください

例2

div要素の左境界のスタイルを"dotted"に変更します：

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

自分で試してみてください

例3

div要素の左境界のスタイルを返します：

alert(document.getElementById("myDiv").style.borderLeftStyle);

自分で試してみてください

例4

すべての異なる値のデモンストレーション：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

自分で試してみてください

文法

borderLeftStyle属性を返します：

object.style.borderLeftStyle

borderLeftStyle属性を設定します：

object.style.borderLeftStyle = value
値 説明
none 境界を定義します。デフォルト。
hidden "none"と同じですが、テーブル要素の境界の衝突解決では除かれます。
dotted 点状境界を定義します。
dashed 点線境界を定義します。
solid 実線境界を定義します。
double 2つの境界を定義します。2つの境界の幅はborder-widthの値と同じです。
groove 3Dグローヴ境界を定義します。効果は以下に依存します border-color の値。
ridge 3Dリッジ境界を定義します。効果は以下に依存します border-color の値。
inset 3Dインセット境界を定義します。効果は以下に依存します border-color の値。
outset 3Dアウトセット境界を定義します。効果は以下に依存します border-color の値。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： none
返り値： 文字列で、要素の左端のスタイルを表します。
CSSバージョン： CSS1

ブラウザのサポート

クローム エッジ ファイアフォックス サファリ オペラ
クローム エッジ ファイアフォックス サファリ オペラ
サポート サポート サポート サポート サポート