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

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

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

実線|solid

border: 1px solid #000;

点線|dotted

border: 1px dotted #000;

波線|dashed

border: 1px dashed #000;

二重線|double

border: 1px double #000;

膨らんだ線|ridge

border: 1px ridge #000;

窪んだ線|groove

border: 1px groove #000;

立体的1|inset

border: 1px inset #000;

立体的2|outset

border: 1px outset #000;
CSS
エンデ・バタロー

フロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。

仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。

制作のご依頼やお問い合わせはこちらから連絡お願いします。

エンデ・バタローをフォローする
シェアする
初めてのブログ

コメント

タイトルとURLをコピーしました