borderでボーダーの幅・スタイル・色をまとめて指定【CSS】

borderプロパティで、ボーダーの各辺の幅、スタイル、色をまとめて指定することができます。

{border-top: -幅 -スタイル -色;}
{border-right: -幅 -スタイル -色;}
{border-bottom: -幅 -スタイル -色;}
{border-left: -幅 -スタイル -色;}

指定できる値は各プロパティ「border-width」、「border-style」、「border-color」と同じで、それぞれの値は半角スペースで区切って指定します。

{border: -幅 -スタイル -色;}

また、borderだけで、4辺すべてにボーダー関連のプロパティをまとめて指定することができます。

<div style=”border: 3px dashed gray;”>
幅3pxのグレーの破線です。
</div>

幅3pxのグレーの破線です。