CSS border-left-style 属性

定義と使用方法

border-left-styleは要素の左端の边框スタイルを設定します。

この値がnoneでない場合にのみ边框が表示されます。

CSS1では、HTMLユーザーエージェントはsolidとnoneのみをサポートする必要があります。

参照してください：

CSSチュートリアル：CSS 边框

CSSリファレンスマニュアル：border-left属性

HTML DOMリファレンスマニュアル：borderLeftStyle属性

例

左端のスタイルを設定：

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

実際に試してみる

CSS文法

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性値

値 説明
none 边框を無しに定義します。
hidden "none"と同じですが、テーブルに対しては適用されません。テーブルではhiddenが边框の衝突を解決するために使用されます。
dotted 点状の边框を定義します。ほとんどのブラウザでは実線として表示されます。
dashed 点線を定義します。ほとんどのブラウザでは実線として表示されます。
solid 実線を定義します。
double 二重線を定義します。二重線の幅はborder-widthの値に等しいです。
groove 3Dのemboss边框を定義します。効果はborder-colorの値に依存します。
ridge 3Dのbevel边框を定義します。効果はborder-colorの値に依存します。
inset 3Dのinset边框を定義します。効果はborder-colorの値に依存します。
outset 3Dのoutset边框を定義します。効果はborder-colorの値に依存します。
inherit 親要素から边框スタイルを継承する規定です。

技術的詳細

デフォルト値： 指定されていません
継承性： no
バージョン： CSS1
JavaScript文法： object.style.borderLeftStyle="dotted"

さらに多くの例

左端のスタイルの設定
この例では、左端のスタイルを設定する方法を示しています。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2