borderプロパティ

値

パターン1

4辺のボーダーについて太さ2px、スタイルを「solid」、カラーコード「#00c」で一括指定している例です。

CSSコード例

border: 2px solid #00c;

表示例：

パターン2

4辺のボーダーに値を指定した後に、top(上部)のボーダーだけ別のCSSを当てる場合の例です。

CSSコード例

border: 3px dashed gray;
border-top: 1px solid #ccc;

表示例：

パターン3

4辺のボーダーに対し個別に値を指定したい場合、次のように設定することもできます。

CSSコード例

border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: none;
border-left: 1px solid #c00;

表示例：

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。