Команда supports

Команда @supports дефинише стил елемената узимајући у обзир могућности које прегледач подржава. У овој команди можете креирати услове користећи логичке операторе not, and, or.

Синтакса

@supports услов {
	
}

Пример

Поставићемо услов да, ако ваш прегледач подржава својство display са вредношћу flex, да се прикаже само пасус са одговарајућим текстом, при чему ће боја његовог фонта бити плаве боје:

<p class="yes">Ваш прегледач подржава display: flex.</p>
<p class="no">Ваш прегледач не подржава display: flex.</p>

@supports (display: flex) {
	.no {
		display: none;
	}
	p {
		color: #467CBC;
	}
}
@supports not (display: flex) {
	.yes {
		display: none;
	}
}

Погледајте такође

команда @import,
која увози CSS-фајл
команда @media,
која дефинише стил за тип медија
команда !important,
која дефинише приоритет стила