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;
}

Результат: