border

border

2025年02月13日 /最終更新:2025年02月13日

要素の境界線を表示させるプロパティです。

border

プロパティ・値の解説

プロパティ 指定の効果
border 要素の境界線を指定 参考ページ

CodePenで動作チェック

border・・・要素の境界線を指定

以下の記述例は上下ともに同じ指定になります。

See the Pen borderのショートハンド by 脇坂基徳 (@rvyolqet-the-vuer) on CodePen.

「border」と読んで字のごとく要素の境界線を表示させるプロパティです。
「border-width(線の太さ)」「border-style(線の形状)」「border-color(線の色)」とプロパティごとに指定する方法もありますが、
borderプロパティでは「boder: 1px solid #999」と、複数の値を一括で指定でき、記述を簡素化できるショートハンドという方法もあります。