Neu auf der Webplattform im Dezember

Hier finden Sie einige der interessanten Funktionen, die im Dezember 2025 in stabilen und Beta-Webbrowsern eingeführt wurden.

Rachel Andrew

Veröffentlicht: 16. Dezember 2025

Stabile Browserversionen

Chrome 143, Firefox 146 und Safari 26.2 wurden im Dezember als stabile Versionen veröffentlicht. In diesem Beitrag werden die vielen neuen Funktionen dieses Monats vorgestellt. Einige Dinge sind jetzt als Baseline verfügbar.

Die CSS-At-Regel @scope ist jetzt Baseline

Firefox 146 enthält die CSS-At-Rule @scope, mit der Sie Elemente in bestimmten DOM-Unterbäumen auswählen können. Sie können einen Bereich definieren, in dem Selektoren auf Elemente ausgerichtet werden können, und vermeiden so übermäßig spezifische und lange Selektoren. Mit dem folgenden CSS werden beispielsweise nur <img>-Elemente angesprochen, wenn sie sich in einem Element mit der Klasse .card befinden.

@scope (.card) {
    img {
        border-color: green;
    }
}

Mit Firefox 146 ist diese nützliche @-Regel jetzt Baseline Newly Available. Weitere Informationen finden Sie unter Reichweite von Selektoren mit der CSS-Regel @scope einschränken.

Die CSS-Funktion contrast-color()

Auch in Firefox 146 ist die Funktion contrast-color() enthalten. Diese Funktion nimmt einen Farbwert entgegen und gibt eine Kontrastfarbe zurück, die den Mindestkontrast gemäß WCAG AA gewährleisten soll.

Weitere Beispiele finden Sie im WebKit-Blog unter How to have the browser pick a contrasting color in CSS.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

Source

Firefox ist der erste Browser, der die text-decoration-inset-Eigenschaft unterstützt. Mit dieser Eigenschaft können Sie die Start- und Endpunkte der Textdekoration eines Elements anpassen, sodass sie verkürzt, verlängert oder ihre Position in Bezug auf den gerenderten Text verschoben werden kann.

Die CSS-Eigenschaft font-language-override

Chrome 143 enthält das Attribut font-language-override. So können Sie das Schriftbildverhalten für eine bestimmte Sprache überschreiben. Das ist nützlich, wenn Sie eine Schriftart verwenden, die eine Sprache nicht richtig unterstützt. In diesem Fall können Sie Glyphen aus einer ähnlichen Sprache mit besserer Unterstützung verwenden.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 34.
  • Safari: not supported.

Source

CSS-Containerabfragen mit Anker-Fallback

In Chrome 143 wird @container anchored(fallback) eingeführt, um untergeordnete Elemente von Ankerpositionselementen basierend darauf zu gestalten, welche der position-try-fallbacks angewendet wird.

Mit solchen Abfragen kann das Tether oder die Animationen eines verankerten Elements basierend darauf gestaltet werden, wie die Anker- und die verankerten Elemente relativ zueinander positioniert sind.

Seitenrelative Syntax für background-position-x/y-Langschreibweisen

Auch in Chrome und jetzt in allen Browsern verfügbar ist die Möglichkeit, die Position des Hintergrundbilds relativ zu einer seiner Kanten in den Langform-Eigenschaften für background-position zu definieren. Beispiel:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

Das Attribut „animation“ overallProgress

Safari 26.2 enthält overallProgress. Diese schreibgeschützte Eigenschaft der Animation-Schnittstelle gibt eine Zahl zwischen 0 und 1 zurück, die den Fortschritt der Animation in Richtung des fertigen Status angibt.

Diese Property ist jetzt als „Baseline Newly available“ verfügbar.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

LCP und INP sind jetzt als „Baseline Newly available“ verfügbar

Die Messwerte Largest Contentful Paint (LCP) und Interaction to Next Paint (INP) sind jetzt Baseline Newly Available. Safari 26.2 unterstützt die Contentful Paint API und die Event Timing API, die zum Messen dieser Messwerte erforderlich sind.

Diese Funktionen waren in Interop 2025 enthalten und Sie können diese Messwerte jetzt in der neuesten Version aller wichtigen Browser erfassen.

Largest Contentful Paint API

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

Event Timing API

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

CHIPS erreicht Baseline – Neu verfügbar

Safari 26.2 enthält auch CHIPS (Cookies Having Independent Partitioned State). Damit können Sie ein Cookie für die Verwendung von partitioniertem Speicher aktivieren. Für jede Website der obersten Ebene wird ein separater Cookie-Speicher verwendet.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

Safari 26.2 bietet Unterstützung für hidden="until-found", das jetzt als „Baseline Newly available“ gilt.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

Die Attribute command und commandfor

In Safari 26.2 wird für HTML auch die Unterstützung von command und commandfor auf Schaltflächen unterstützt. So können Sie Pop-overs und Dialogfelder deklarativ steuern.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

Weitere Informationen finden Sie unter Einführung von command und commandfor.

Das scrollend-Ereignis

Eine weitere Funktion, die mit Safari 26.2 neu in Baseline verfügbar ist, ist das scrollend-Ereignis. Dieses Ereignis wird ausgelöst, wenn das Scrollen abgeschlossen ist. Weitere Informationen finden Sie unter Scrollend, a new JavaScript event.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

Das Attribut scrollbar-color

Mit dem Attribut scrollbar-color können Sie die Farbe des Ziehpunkts und der Laufleiste der Scrollleiste ändern. Mit Safari 26.2 ist diese Funktion auch in Baseline Newly Available verfügbar.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

Source

Betaversionen von Browsern

Mit Betaversionen des Browsers erhalten Sie eine Vorschau auf die nächste stabile Version des Browsers. Das ist ein guter Zeitpunkt, um neue Funktionen oder Entfernungen zu testen, die sich auf Ihre Website auswirken könnten, bevor die Veröffentlichung für alle erfolgt. Die neuen Betas in diesem Monat sind Firefox 147 und Chrome 144.

Chrome 144 enthält das ::search-text-Pseudoelement für die Gestaltung von Suchergebnissen auf der Seite und die scrolled-Unterstützung für @scroll-state, mit der Sie untergeordnete Elemente von Containern basierend auf der letzten Scrollrichtung gestalten können. Sie enthält auch die Temporal API mit Standardobjekten und ‑funktionen für die Arbeit mit Datums- und Zeitangaben.

Firefox 147 ist eine spannende Version mit CSS-Ankerpositionierung, Ansichtsübergangstypen und der Navigation API.

Weitere Informationen zu den spannenden CSS- und UI-Funktionen, die dieses Jahr eingeführt wurden, finden Sie unter CSS Wrapped 2025.