Border for individual sides in CSS

There are also shortcut properties for individual sides: border-left, border-right, border-top, border-bottom.

Let's give the block only a left border using the border-left property:

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

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

Результат:

Now let's make both the left and right borders at the same time:

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

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

Результат: