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