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 қасиеті,
ол жиектің ығысуын белгілейді