borderプロパティ

borderプロパティは、すべての辺のボーダーの色、種類、太さを同時に設定します。 border-width、 border-style、 およびborder-colorプロパティの一括指定です。 個別のプロパティとは異なり、4辺それぞれに異なるボーダーを一度に設定することはできず、すべての辺に同じボーダーを設定します。

構文

cssセレクタ {
  border: 太さ 種類 色;
}

値の順序は任意です。

例

要素に太さ1pxの黒いボーダーを設定してみましょう：

html<div id="elem"></div>

css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

関連項目