CSS border-left-styleプロパティ


例

左ボーダーのスタイルを設定します：

p { border-style:solid; border-left-style:dotted; }

試してみる »

プロパティ定義と使用説明

border-left-style は要素の左ボーダーのスタイルを設定します。

デフォルト値： not specified
継承性： no
バージョン： CSS1
JavaScript 構文： object.style.borderLeftStyle="dotted"

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。

プロパティ
border-left-style 1.0 5.5 1.0 1.0 9.2

プロパティ値

值 説明
none ボーダーなしを定義します。
hidden "none" と同じです。ただし、表に適用する場合を除きます。表の場合、hidden はボーダーの競合を解決するために使用されます。
dotted 点線のボーダーを定義します。ほとんどのブラウザでは実線として表示されます。
dashed 破線のボーダーを定義します。ほとんどのブラウザでは実線として表示されます。
solid 実線を定義します。
double 二重線を定義します。二重線の幅は border-width の値と同じです。
groove 3D 溝付きボーダーを定義します。その効果は border-color の値によって異なります。
ridge 3D 畝状ボーダーを定義します。その効果は border-color の値によって異なります。
inset 3D inset ボーダーを定義します。その効果は border-color の値によって異なります。
outset 3D outset ボーダーを定義します。その効果は border-color の値によって異なります。
inherit 親要素からボーダースタイルを継承することを指定します。
 

関連記事

CSS チュートリアル:CSS Border

CSS リファレンス:border-left プロパティ

その他の拡張