Einführung der CSS-Funktion „@function“ von Chrome 136 auf Chrome 139 verschieben

Veröffentlicht: 6. März 2025

Am 25. Februar hat Chrome eine Intent-to-Ship-Mitteilung für @function veröffentlicht und Feedback erhalten, in dem eine längere Testphase gefordert wurde. Die Testphase war zwar nicht kurz, aber es gab vor Kurzem einige wichtige Änderungen an den Spezifikationen, die noch mehr Tests erforderten.

Wir hoffen außerdem, dass diese verlängerte Testphase zu weiteren Community-Tests führen wird.

Aufruf zum Test

Jetzt ist der richtige Zeitpunkt, um eine Kopie von Canary herunterzuladen, experimentelle Funktionen der Webplattform zu aktivieren, CSS @function zu testen und entdeckte Fehler zu melden. Wir haben jetzt mehr Zeit für Tests und sollten das ausnutzen.

Hier sind einige explorative Datenanalysen, die Ihnen den Einstieg erleichtern:

Das folgende CSS-Beispiel ist prägnant und dennoch nützlich:

@function --light-dark(--light, --dark) {
    result: var(--light);
    
    @media (prefers-color-scheme: dark) {
        result: var(--dark);
    }
}

Möchten Sie mehr über @function erfahren?

Bramus hat eine tolle Reihe von Demos und CSS Tricks hat sich auch schnell der Begeisterung angeschlossen.

Argumente?! Rückgabewerte?! Dafür würde ich meinen Kaffee ausspucken. Ich musste mehr darüber erfahren und zum Glück ist die Spezifikation klar formuliert.