Свойство border

Свойство border задава цвят, тип и дебелина на границата от всички страни едновременно. Това е свойство-съкращение за border-width, border-style и border-color. За разлика от съкратените свойства, не може да задава различна граница за 4-те страни веднага, а само еднаква за всички.

Синтаксис

селектор {
	border: дебелина тип цвят;
}

Редът на свойствата няма значение.

Пример

Нека направим черна граница с дебелина 1px за елемент:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

Вижте също

свойство border-left,
което задава лява граница
свойство border-right,
което задава дясна граница
свойство border-top,
което задава горна граница
свойство border-bottom,
което задава долна граница
свойство outline,
което задава контур за елемент
свойство border-radius,
което закръгля ъглите на границата