outline-offset հատկությունը

outline-offset հատկությունը սահմանում է տարածություն արտաքին եզրագծի համար՝ այն սահմանի, որը տեղ չի զբաղեցնում: Հատկության արժեքը կարող է լինել ցանկացած չափման միավոր, բացի տոկոսից: Սկզբնադիմely արժեքը՝ 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 հատկությունը,
որը հանդիսանում է եզրագծերի համար հապավում