ცალკეული მხარის საზღვრები CSS-ში

არსებობს ასევე თვისებები-შემოკლებები ცალკეული მხარისთვის: border-left (მარცხენა საზღვარი), border-right (მარჯვენა საზღვარი), border-top (ზედა საზღვარი), border-bottom (ქვედა საზღვარი).

მოდით, გავხადოთ ბლოკის მხოლოდ მარცხენა საზღვარი თვისების border-left გამოყენებით:

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

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

Результат:

ახლა კი ერთდროულად გავხადოთ როგორც მარცხენა, ასევე მარჯვენა საზღვრები:

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

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

Результат: