Својство outline-offset

Својство outline-offset задаје одстојање спољашњег контура - ивице која не заузима простор. Вредност својства могу бити било које јединице за величине, осим процената. Подразумевана вредност: 0. Позитивна вредност помера контур напоље од елемента, негативна - унутар.

Синтакса

селектор {
	outline-offset: вредност;
}

Пример . Позитивна вредност

Контур се одмакне од елемента (он је означен позадином):

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

#elem {
	outline-offset: 5px;
	outline-width: 1px;
	outline-style: solid;
	outline-color: black;
	background-color: #e4f1ed;
	width: 300px;
	height: 100px;
}

Пример . Негативна вредност

Контур се налази унутар елемента:

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

#elem {
	outline-offset: -10px;
	outline-width: 1px;
	outline-style: solid;
	outline-color: black;
	background-color: #e4f1ed;
	width: 300px;
	height: 100px;
}

Пример . Негативна вредност outline + border

Може се направити такав занимљив ефекат (обратите пажњу на дебљину белог размака између ивица, он износи 10px, а не 14, јер је део појео outline својом дебљином од 4px):

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

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

Погледајте такође

својство outline-width,
које задаје дебљину контура
својство outline-style,
које задаје стил контура
својство outline-color,
које задаје боју контура
својство outline,
које је скраћени запис својстава за контур