Хосияти 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,
ки хосияти ихтисорёфта барои рамкаҳост