Style borderLeftStyle Property

追加"solid"に左の境界を<div>要素：

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

定義と使用法

borderLeftStyleプロパティセットまたは要素の左境界線のスタイルを返します。

borderLeftStyleプロパティは、すべての主要なブラウザでサポートされています。

borderLeftStyleプロパティを返します：

object .style.borderLeftStyle

borderLeftStyleプロパティを設定します。

object .style.borderLeftStyle= プロパティ値

値	説明
none	何の境界線を定義します。これがデフォルトです
hidden	同じ"none"のテーブル要素のための国境紛争解決を除いて、
dotted	点線の境界線を定義します
dashed	点線の境界線を定義します
solid	固体の境界線を定義します
double	2つの境界を定義します。 2つの境界の幅は、ボーダー幅の値と同じです
groove	3D溝付き境界線を定義します。効果はボーダー色の値に依存します
ridge	3D隆起境界線を定義します。効果はボーダー色の値に依存します
inset	3Dのインセットの境界線を定義します。効果はボーダー色の値に依存します
outset	3D当初の境界線を定義します。効果はボーダー色の値に依存します
initial	このプロパティがデフォルト値に設定します。最初の記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

左境界線のスタイルを変更して<div>要素に"dotted" ：

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

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

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

すべての異なる値のデモ：

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