====== CSS Feature Queries: @supports ======

Mit ''@supports'' kann abgefragt werden, ob ein Browser eine oder mehrere CSS-Eigenschaften unterstützt.

<WRAP center round important 100%>
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.
</WRAP>


<code css>
// 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) {

}
</code>

Quellen: [[http://maddesigns.de/css-can-do-that/#/28|maddesigns.de]] • [[https://www.mediaevent.de/css/supports.html|mediaevent.de]]