【CSS】線(border)の種類一覧

2024年04月29日

この記事は約1分で読めます。

CSSのborderって色々種類あるじゃない。
だいたい１本線の「solid」しか使わないけどたま〜〜〜に点線とか破線とか使うとき、あれ？どう書くんだったっけってなるから一覧でコピれるようにしときます。

初めての目次

実線｜solid

border: 1px solid #000;

border: 1px dotted #000;

border: 1px dashed #000;

border: 1px double #000;

border: 1px ridge #000;

border: 1px groove #000;

border: 1px inset #000;

border: 1px outset #000;