Supports komandasi
@supports komandasi elementlarga brauzer tomonidan
qo‘llab-quvvatlanadigan imkoniyatlar hisobga olgan holda
uslub belgilaydi.
Ushbu komanda ichida mantiqiy operatorlar
not,
and, or yordamida shartlar yaratish mumkin.
Sintaksis
@supports shart {
}
Misol
Keling, shart qo‘yaylik: agar brauzeringiz
display xususiyatining flex qiymatini
qo‘llab-quvvatlasa, faqat mos matnli abzas
ko‘rsatiladi, shu bilan birga uning shrift rangi
havo rangida bo‘ladi:
<p class="yes">Sizning brauzeringiz display: flex ni qo‘llab-quvvatlaydi.</p>
<p class="no">Sizning brauzeringiz display: flex ni qo‘llab-quvvatlamaydi.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Shuningdek qarang
-
@importkomandasi,
bu CSS faylini import qiladi -
@mediakomandasi,
bu tashuvchi turi uchun uslub belgilaydi -
!importantkomandasi,
bu uslub ustuvorligini belgilaydi
