Команда 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;
	}
}

Сондай-ақ қараңыз

CSS-файлын импорттайтын @import командасы
тасымалдау түрі үшін стильді белгілейтін @media командасы
стильдің басымдығын белгілейтін !important командасы