Mit @supports kann abgefragt werden, ob ein Browser eine oder mehrere CSS-Eigenschaften unterstützt.
Browser, die @supports nicht unterstützen, ignorieren die Stile innerhalb der @supports-Regel!
Die Unterstützung ist insgesamt gut: lediglich der Internet Explorer einschl. Version 11 und der IE Mobile können mit CSS Feature Queries nichts anfangen. iOS ab v9.2; Android Browser ab v4.4.
// Unterstützt eine Eigenschaft: @supports (property: value) or (-webkit-property: value) { element { -webkit-property: value; property: value; } } // Unterstützt diese Eigenschaft nicht: @support not (property: value) { }
Quellen: maddesigns.de • mediaevent.de
