Lastnost outline-offset

Lastnost outline-offset določa zamik zunanje obrobe - meje, ki ne zaseda prostora. Vrednost lastnosti so poljubne enote za velikosti, razen odstotkov. Privzeta vrednost: 0. Pozitivna vrednost premakne obrobo navzven od elementa, negativna - navznoter.

Sintaksa

selektor {
	outline-offset: vrednost;
}

Primer . Pozitivna vrednost

Obroba se odmika od elementa (označen je s ozadjem):

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

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

Primer . Negativna vrednost

Obroba je znotraj elementa:

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

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

Primer . Negativna vrednost outline + border

Lahko naredite takšen zanimiv učinek (pozorni na debelino belega presledka med obrobami, je 10px, ne 14, ker je del pojedel outline s svojo debelino 4px):

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

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

Glejte tudi

lastnost outline-width,
ki določa debelino obrobe
lastnost outline-style,
ki določa slog obrobe
lastnost outline-color,
ki določa barvo obrobe
lastnost outline,
ki je okrajšava za lastnosti obrobe