Kantlinjer för enskilda sidor i CSS

Det finns även genvägsegenskaper för enskilda sidor: border-left (vänster kantlinje), border-right (höger kantlinje), border-top (övre kantlinje), border-bottom (nedre kantlinje).

Låt oss skapa enbart en vänster kantlinje för ett block med hjälp av egenskapen border-left:

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

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

Результат:

Och nu skapar vi samtidigt både vänster och höger kantlinjer:

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

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

Результат: