CSSでの個別の側面の境界線

個別の側面に対するショートハンドプロパティも存在します： border-left (左境界線)、 border-right (右境界線)、 border-top (上境界線)、border-bottom (下境界線)。

プロパティborder-leftを使用して、 要素に左境界線だけを設定してみましょう：

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

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

Результат:

では次に、左境界線と右境界線を同時に設定しましょう：

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

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

Результат: