[CSS] 枠線スタイル一覧

2019年6月18日2019年6月22日

CSSで指定できる枠線スタイルの一覧です。
（太さは分かりやすい太さに変更してあります。）

枠線のスタイル一覧

CSSには以下８種類の枠線スタイルが用意されています。

solid：実線

double：２重線

dotted：点線

dashed：破線

ridge：立体的な線（凸）

groove：立体的な線（凹）

outset：左上から光が当たったような線

inset：右下から光が当たったような線

サンプル

例）二重線を引く

ここの枠に二重線が引かれます。

備考

• 枠線の太さを（border-width）を指定する場合は、スタイルに必要な太さ以上を指定する必要があります。
  例えば、doubleスタイルを適用させるには最低3px以上の太さが必要です。
  （二重線は線が２本と間のスペースが必要なので、3px以上が必要になります。）