Eienskap outline-offset

Die eienskap outline-offset stel die inkeping van die buitelys vas - 'n grens wat geen spasie inneem nie. Die waarde van die eienskap is enige eenhede vir groottes, behalwe persentasies. Die verstekwaarde is: 0. 'n Positiewe waarde skuif die omlyn na buite van die element af, 'n negatiewe een - na binne.

Sintaksis

selektor {
	outline-offset: waarde;
}

Voorbeeld . Positiewe waarde

Die omlyn skuif van die element af (dit word met agtergrond uitgelig):

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

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

Voorbeeld . Negatiewe waarde

Die omlyn is binne-in die element:

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

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

Voorbeeld . Negatiewe waarde outline + border

Jy kan so 'n interessante effek maak (let op die dikte van die wit spasie tussen die grense, dit is 10px, en nie 14 nie, aangesien 'n deel deur die outline se dikte van 4px geëet is):

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

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

Kyk ook

die eienskap outline-width,
wat die dikte van die omlyn vasstel
die eienskap outline-style,
wat die styl van die omlyn vasstel
die eienskap outline-color,
wat die kleur van die omlyn vasstel
die eienskap outline,
wat die verkorte eienskap vir omlyne is