თვისება border

თვისება border ადგენს საზღვრის ფერს, ტიპს და სისქეს ყველა მხარისთვის ერთდროულად. არის შემოკლებული თვისება border-width, border-style და border-color. განსხვავებით შემოკლებადი თვისებებისგან, მას არ შეუძლია სხვადასხვა საზღვრის დაყენება 4-ივე მხარისთვის ერთდროულად, არამედ მხოლოდ ერთნაირი ყველა მხარისთვის.

სინტაქსი

cssსელექტორი {
  border: სისქე ტიპი ფერი;
}

თვისებების თანმიმდევრობას მნიშვნელობა არ აქვს.

მაგალითი

მოდით, ელემენტს დავუმატოთ შავი საზღვარი 1px სისქით:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

იხილეთ აგრეთვე

  • თვისება border-left,
    რომელიც ადგენს მარცხენა საზღვარს
  • თვისება border-right,
    რომელიც ადგენს მარჯვენა საზღვარს
  • თვისება border-top,
    რომელიც ადგენს ზედა საზღვარს
  • თვისება border-bottom,
    რომელიც ადგენს ქვედა საზღვარს
  • თვისება outline,
    რომელიც ადგენს კონტურს ელემენტისთვის
  • თვისება border-radius,
    რომელიც ამრგვალებს საზღვრის კუთხეებს