Überprüfung der CSS-Eigenschaftsunterstützung

In CSS gibt es einerseits ziemlich alte Eigenschaften, die in allen Browsern unterstützt werden, und andererseits neue Eigenschaften, die nur in den neuesten Browsern unterstützt werden, und selbst da bei weitem nicht in allen.

Beim Erstellen von Webseiten müssen Sie entscheiden, ob Sie eine bestimmte Eigenschaft bereits verwenden können. Dafür gibt es eine spezielle Regel: wenn die Unterstützung einer Eigenschaft in Browsern fehlt, die von weniger als einem Prozent der Nutzer verwendet werden, dann kann die Eigenschaft verwendet werden.

Hier gibt es jedoch Nuancen. Denn es gibt Eigenschaften, deren fehlende Unterstützung zum Zusammenbruch des Website-Layouts führen würde, zum Beispiel Flexbox. Und es gibt Eigenschaften, deren Funktionsfähigkeit nicht so kritisch ist. Sagen wir, nicht funktionierende Silbentrennung hyphens macht die Website nicht viel schlechter.

Um die Unterstützung einer Eigenschaft durch Browser zu überprüfen, sollte man den Dienst caniuse.com verwenden. Er zeigt die Unterstützung der Eigenschaft für jede Version aller Browser sowie den Prozentsatz der Nutzer, die jede der Versionen verwendet.

Mit diesen Daten können Sie ein Urteil darüber fällen, ob Sie eine Eigenschaft bereits verwenden können. Außerdem können einige Eigenschaften in einigen Browser-Versionen, die noch von Nutzern verwendet werden, immer noch unter herstellerspezifischen Präfixen (Vendor-Prefixes) laufen. Auch darauf müssen Sie achten.