Својство 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,
    кое ги заоблува аглите на границата