The supports command
@supports buýrugy brauzer tarapyndan goldanylýan aýratynlyklaryň esasynda elementleriň stiline tesir edýär. Bu
buýrukda logiki operatorlar not, and,
or ulanyp şertler döredip bilersiňiz.
Sintaksis
@supports condition {
}
Mysal
Brauzeriňiz display häsiýetini
flex bahasy bilen goldasa, diňe şol teksti bolan abzas
görkeziler we onuň şriftiniň reňki gök bolar diýen şerti belleýäli:
<p class="yes">Siziň brauzeriňiz display: flex-i goldaýar.</p>
<p class="no">Siziň brauzeriňiz display: flex-i goldamaýar.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Şeýlede görmeli
-
CSS faýly importirleýän
@importbuýrugy -
Media görnüşi üçin stil kesgitleýän
@mediabuýrugy -
Stiliň üstünligini kesgitleýän
!importantflag-i
