Свойство outline

Свойство outline задава цвят, тип и дебелина за външна рамка (граница, която не заема място) за всички страни едновременно, но за разлика от border такава граница не разширява елемента. Явява свойство-съкращение за outline-width, outline-style и outline-color (но не за outline-offset).

Синтаксис

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

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

Пример . Само outline

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

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

Пример . Свойства outline и border заедно

Границата от outline ще бъде отвън, а границата от border - отвътре:

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

#elem {
	outline: 4px solid green;
	border: 4px solid red;
	width: 300px;
	height: 100px;
}

Вижте също

свойство outline-offset,
което задава отместване на рамката