CSS'te Tekil Kenarlar için Kenarlık

Ayrıca tekil kenarlar için kısaltılmış özellikler de vardır: border-left (sol kenarlık), border-right (sağ kenarlık), border-top (üst kenarlık), border-bottom (alt kenarlık).

Hadi border-left özelliğini kullanarak öğeye sadece sol kenarlık ekleyelim:

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

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

Результат:

Şimdi aynı anda hem sol hem de sağ kenarlık ekleyelim:

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

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

Результат: