Kantlinje for enkeltsider i CSS

Det finnes også snarveiegenskaper for enkeltsider: border-left (venstre kantlinje), border-right (høyre kantlinje), border-top (øvre kantlinje), border-bottom (nedre kantlinje).

La oss gi elementet kun en venstre kantlinje ved hjelp av egenskapen border-left:

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

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

Результат:

Og nå skal vi samtidig lage både venstre og høyre kantlinjer:

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

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

Результат: