CSSにおけるボーダーの一括指定プロパティ

フォントと同様に、ボーダーにも一括指定プロパティ borderがあります。 これは、ボーダーの太さ、色、種類を指定する 3つのプロパティを個別に書く代わりに使用できます。 このプロパティでは、任意の順序でボーダーの値を 列挙するだけです。

例を見てみましょう。以下のようなボーダーがあるとします：

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

これを一括指定プロパティを使って書き直します：

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