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 касиети,
чектин жылдырылышын белгилейт