Kommandoen supports
Kommandoen @supports setter stil for elementer med hensyn til
funksjoner som støttes av nettleseren.
I denne kommandoen kan du opprette betingelser ved hjelp av
logiske operatorer not,
and, or.
Syntaks
@supports betingelse {
}
Eksempel
La oss sette en betingelse om at hvis nettleseren din støtter
egenskapen display med verdien flex,
vil kun avsnittet med
tilhørende tekst vises, og fontfargen
vil være blå:
<p class="yes">Nettleseren din støtter display: flex.</p>
<p class="no">Nettleseren din støtter ikke display: flex.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Se også
-
kommandoen
@import,
som importerer en CSS-fil -
kommandoen
@media,
som setter stil for medietype -
kommandoen
!important,
som setter prioritet for stilen
