CSS-də ayrı-ayrı tərəflər üçün sərhəd

Ayrı-ayrı tərəflər üçün də qısa yazılış xassələri mövcuddur: border-left (sol sərhəd), border-right (sağ sərhəd), border-top (üst sərhəd), border-bottom (aşagı sərhəd).

Gəlin border-left xassəsindən istifadə edərək, elementə yalnız sol sərhəd əlavə edək:

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

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

Результат:

İndi isə eyni zamanda həm sol, həm də sağ sərhəd əlavə edək:

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

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

Результат: