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;

表示例