Komanda supports
Komanda @supports përcakton stilin për elementet duke marrë parasysh
mundësitë e mbështetura nga shfletuesi.
Në këtë komandë mund të krijohen kushte duke përdorur
operatorët logjikë not,
and, or.
Sintaksa
@supports kushti {
}
Shembull
Le të vendosim kushtin që nëse shfletuesi juaj mbështet
vetinë display me vlerën flex,
atëherë do të shfaqet vetëm paragrafi me
tekstin përkatës, ndërkohë që ngjyra e shkronjave të tij
do të jetë ngjyrë kaltëroshi:
<p class="yes">Shfletuesi juaj mbështet display: flex.</p>
<p class="no">Shfletuesi juaj nuk mbështet display: flex.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Shihni gjithashtu
-
komanda
@import,
e cila importon skedarin CSS -
komanda
@media,
e cila përcakton stilin për llojin e mediave -
komanda
!important,
e cila përcakton përparësinë e stilit
