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

Результат:

Шунингдек қаранг