CSS-is üksikute külgede piirjooned

On olemas ka üksikute külgede lühendatud omadused: border-left (vasak piirjoon), border-right (parem piirjoon), border-top (ülemine piirjoon), border-bottom (alumine piirjoon).

Teeme elemendile ainult vasaku piirjoone kasutades omadust border-left:

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

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

Результат:

Nüüd teeme korraga nii vasaku kui parema piirjoone:

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

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

Результат: