最終更新日

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外部リンク
HOME