最終更新日 2021年4月7日

border-left-styleプロパティ

border-left-styleは、左側のボーダーの種類を指定するプロパティです。上下左右のボーダーの種類をまとめて指定する場合は、border-styleを使用します。

CSS3での変更点

特にありません

初期値	適用先	継承
none	すべての要素	なし

値	説明	表示例
none	罫線を引かない。border-colorやborder-widthの値は無視されます。（初期値）	none
hidden	罫線を表示しません。noneとほぼ同等です。	hidden
dotted	点線	dotted
dashed	破線	dashed
solid	実線	solid
double	二重線	double
groove	立体的に窪んだ線	groove
ridge	立体的に隆起した線	ridge
inset	ボックス全体が窪んだようにみえる囲み線	inset
outset	ボックス全体が隆起したようにみえる囲み線	outset

サンプルコード

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

参考文献：CSS Backgrounds and Borders Module Level 3

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。