CSSボーダー
CSSの境界線プロパティを使用すると、要素の境界線のスタイル、幅、および色を指定できます。
私は四方に国境があります。
下の境界線が赤です。
ボーダーを丸めました。
CSSボーダースタイル
このborder-styleプロパティは、表示する境界線の種類を指定します。
次の値が許可されます。
dotted-点線の境界線を定義しますdashed-破線の境界線を定義しますsolid-塗りつぶされた境界線を定義しますdouble-二重境界線を定義しますgroove-3Dの溝付き境界線を定義します。効果は境界線の色の値によって異なりますridge-3Dの隆起した境界線を定義します。効果は境界線の色の値によって異なりますinset-3Dはめ込み境界線を定義します。効果は境界線の色の値によって異なりますoutset-3Dの最初の境界線を定義します。効果は境界線の色の値によって異なりますnone-境界線を定義しませんhidden-隠し境界線を定義します
プロパティには、border-style1〜4つの値を指定できます（上部の境界線、右側の境界線、下部の境界線、および左側の境界線）。
例
さまざまな境界線スタイルのデモンストレーション：
p.dotted {border-style: dotted;}
p.dashed
{border-style: dashed;}
p.solid {border-style: solid;}
p.double
{border-style: double;}
p.groove {border-style: groove;}
p.ridge
{border-style: ridge;}
p.inset {border-style: inset;}
p.outset
{border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
結果：
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A mixed border.
注：他のCSS境界プロパティ（次の章で詳しく説明します）は、
border-styleプロパティが設定されていない限り、効果がありません。