Sifa outline-offset

Sifa outline-offset inaweka pengo la mzunguko wa nje - mpaka ambao hauchukui nafasi. Thamani ya sifa ni vipimo vyovyote vya saizi, isipokuwa asilimia. Thamani chaguomsingi: 0. Thamani chanya inasogeza mzunguko nje kwa heshima na kipengele, hasi - ndani.

Kiendesi

kichagua {
	outline-offset: thamani;
}

Mfano . Thamani chanya

Mzunguko unasogea mbali na kipengele (kimeangaziwa na rangi ya usuli):

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

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

Mfano . Thamani hasi

Mzunguko uko ndani ya kipengele:

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

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

Mfano . Thamani hasi ya outline + border

Inaweza kufanywa athari ya kuvutia (zingatia unene wa pengu la nyeupe kati ya mpaka, ni 10px, na si 14, kwa sababu sehemu ilikula outline kwa unene wake wa 4px):

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

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

Angalia pia

sifa outline-width,
ambayo inaweka unene wa mzunguko
sifa outline-style,
ambayo inaweka mtindo wa mzunguko
sifa outline-color,
ambayo inaweka rangi ya mzunguko
sifa outline,
ambayo ni sifa fupi za mzunguko