Outline хусусияти

outline хусусияти барча томонлар учун бир вақтнинг ўзида ташги рамка (жой олмайдиган чегара) учун ранг, тур ва қалинликни белгилайди, лекин borderдан фарқли ўларок, бундай чегара элементни кентайтмайди. outline-width, outline-style ва outline-color учун (аммо outline-offset учун эмас) қисқартирилган хусусиятдир.

Синтаксис

селектор {
	outline: қалинлик тур ранг;
}

Қийматларнинг тартиби аҳамиятга эта эмас.

Мисол . Фақат outline

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

#elem {
	outline: 1px solid black;
	width: 300px;
	height: 100px;
}

Мисол . Outline ва border хусусиятлари бирга

outlineдан чегара ташқарида, borderдан чегара эса ичкарида бўлади:

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

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

Шунингдек қаранг

outline-offset хусусияти,
у рамкани силжишни белгилайди