Neu auf der Webplattform im September

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

Rachel Andrew

Veröffentlicht am 2. Oktober 2026

Stabile Browserversionen

Es ist der erste Monat mit zweiwöchentlichen Chrome- und Firefox-Releases. Das bedeutet, dass Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157 und Safari 27 im September 2026 als stabile Versionen veröffentlicht werden. In diesem Beitrag werden die neuen Funktionen in Browsern vorgestellt, darunter eine große Anzahl von Funktionen, die neu in Baseline verfügbar sind.

Die CSS-Funktion progress() wird zur Baseline.

Firefox 155 unterstützt jetzt die mathematische CSS-Funktion progress(), die damit neu in Baseline verfügbar ist.

Die Funktion progress() gibt einen <number> zurück, der die Position einer Berechnung zwischen einem Start- und einem Endwert darstellt. Das Ergebnis wird in der Regel zwischen 0 und 1 begrenzt. So lassen sich flexible Größenanpassungen, Deckkraft oder Farben basierend auf Container- oder Darstellungsbereichsabmessungen steuern. Firefox 155 und Safari 27 unterstützen jetzt auch die Keyword-Option no-clamp. Dadurch kann der zurückgegebene Fortschrittswert unter 0 oder über 1 liegen.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

Relative Alphafarben mit alpha() werden zu Baseline

Firefox 155 und Safari 27 unterstützen beide die relative Farbfunktion alpha() aus CSS Color 5.

Die alpha()-Funktion verwendet eine Ausgangsfarbe und gibt diese Farbe mit einem angepassten Alphakanal (Transparenz) zurück, wobei die Farbkanäle und der Farbraum beibehalten werden:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Da alpha() in Chrome 151, Firefox 155 und Safari 27 unterstützt wird, ist diese Funktion jetzt als „Baseline Newly available“ verfügbar.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

Das CSS-Keyword revert-rule wird zur Baseline.

Safari 27 unterstützt das CSS-weite Keyword revert-rule.

Während revert die Kaskade auf den Ursprung des Nutzers oder User-Agents zurücksetzt und revert-layer auf eine vorherige Kaskadenebene, setzt revert-rule den Wert einer Eigenschaft auf den Wert zurück, den sie gehabt hätte, wenn die aktuelle Stilregel nicht vorhanden gewesen wäre. Da revert-rule jetzt in Chrome, Firefox und Safari 27 unterstützt wird, ist es in Baseline Newly Available enthalten.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

<image>-Werte in light-dark() werden zu Baseline

In Safari 27 wird die Verwendung von <image>-Werten in der CSS-Funktion light-dark() unterstützt.

Bisher war light-dark() auf <color>-Werte beschränkt. Jetzt kann zwischen zwei Bildern gewechselt werden, z. B. zwischen url()-Bildern oder CSS-Verläufen, je nach aktivem hellen oder dunklen color-scheme. Da <image>-Werte in light-dark() jetzt in Chrome, Firefox und Safari 27 unterstützt werden, sind sie jetzt als „Baseline Newly available“ verfügbar.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

Scroll-Anker mit overflow-anchor wird Baseline

Safari 27 ermöglicht das Scroll-Anchoring und unterstützt die CSS-Eigenschaft overflow-anchor.

Durch die Scrollverankerung wird die Scrollposition automatisch angepasst, wenn DOM-Änderungen über dem sichtbaren Darstellungsbereich dazu führen würden, dass Inhalte springen, während der Nutzer die Seite liest oder mit ihr interagiert. Mit overflow-anchor: none können Sie bestimmte Elemente deaktivieren, damit sie nicht als Ankerknoten fungieren. Safari 27 unterstützt jetzt Scroll-Anchoring. Die Funktion ist damit in Chrome und Firefox verfügbar und hat den Status „Baseline Newly available“ erhalten.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

Die Property font-width und der Deskriptor @font-face werden zur Baseline.

In CSS Fonts 4 wurde font-stretch durch font-width als kanonischer Name für die Auswahl von Schriftarten mit normaler, komprimierter oder erweiterter Breite ersetzt. font-stretch wird weiterhin als Legacy-Alias verwendet.

In Firefox 155 wird die CSS-Eigenschaft font-width, der font-width @font-face-Deskriptor und CSSStyleDeclaration.fontWidth unterstützt. In Chrome 154 wird außerdem der font-width-Deskriptor in @font-face-Regeln und die width-Eigenschaft für FontFace-Objekte hinzugefügt. Zusammen mit der bestehenden Unterstützung in Safari ist font-width jetzt Baseline Newly Available.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

sizes="auto" für Lazy-Loading-Bilder wird zu „Baseline“

Safari 27 unterstützt das auto-Schlüsselwort im Attribut sizes für <img>-Elemente, die loading="lazy" verwenden.

Wenn Sie sizes="auto" (oder eine sizes-Liste, die mit auto beginnt) angeben, verwendet der Browser die gerenderte Layoutbreite des lazy-geladenen Bildes, um die am besten geeignete Bildquelle aus srcset auszuwählen. Da sizes="auto" jetzt in Chrome, Firefox und Safari 27 unterstützt wird, ist es Baseline Newly Available.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: 150.
  • Safari: not supported.

Source

Asynchrone Iteration und übertragbare ReadableStream-Objekte werden zur Baseline

Safari 27 enthält mehrere Updates für ReadableStream:

  • Unterstützung für die asynchrone Iteration über ReadableStream-Objekte mit for await...of-Schleifen und ReadableStream.prototype.values().
  • Unterstützung für die Übertragung von ReadableStream-Objekten zwischen Kontexten mit postMessage().
  • Unterstützung für die statische Methode ReadableStream.from() zum Erstellen eines ReadableStream aus einem iterierbaren oder asynchronen iterierbaren Objekt (wird auch in Firefox unterstützt).

Mit Safari 27 sind asynchrone iterable Streams und übertragbare ReadableStream-Objekte jetzt Baseline Newly Available.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation und TransitionEvent.animation werden zur Baseline.

In Safari 27 wird die Property animation zu AnimationEvent und die Property animation zu TransitionEvent hinzugefügt.

Diese Eigenschaft gibt das Animation-Objekt zurück, das dem CSS-Animations- oder Übergangsereignis zugeordnet ist. So lässt sich die Animation direkt über einen Event-Listener einfacher prüfen oder steuern. Da Chrome, Firefox und Safari 27 diese Eigenschaft unterstützen, ist sie jetzt „Baseline Newly available“.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

Die Option maxAge in cookieStore.set() wird zur Baseline.

In Safari 27 wird die Option maxAge beim Festlegen eines Cookies mit cookieStore.set() unterstützt. So können Sie die Lebensdauer eines Cookies als Dauer in Sekunden angeben, anstatt einen absoluten expires-Zeitstempel zu berechnen. Da die maxAge-Option in Chrome, Firefox und Safari 27 unterstützt wird, ist sie jetzt als „Baseline Newly available“ verfügbar.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

Anpassbare <select> in Safari 27

Safari 27 unterstützt jetzt anpassbare <select>-Menüs mit appearance: base-select und dem Element <selectedcontent>.

Wenn Sie ein <select> und sein ::picker(select)-Pseudoelement in appearance: base-select einfügen, wird die Steuerung auf eine formatierbare Basisdarstellung umgestellt. So können Sie Rich-HTML-Inhalte in <option>-Elementen und benutzerdefinierte Formatierungen für die Schaltfläche und die Drop-down-Auswahl verwenden.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Deklarative <camera>- und <microphone>-Elemente in Chrome

In Chrome 153 werden die HTML-Funktionselemente <camera> und <microphone> eingeführt.

<camera> und <microphone> basieren auf dem <usermedia>-Element und bieten dedizierte, vom Nutzer aktivierte deklarative Steuerelemente zum Anfordern des Zugriffs auf die Video- oder Audioaufnahme für eine einzelne Funktion, ohne dass beim Seitenaufbau durch Skript initiierte Berechtigungsaufforderungen ausgelöst werden.

Browser Support

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

JavaScript-Ergänzungen für Iterator und Promise

In Chrome 153 wird Iterator.prototype.join() zusammen mit der gemeinsamen Iteration mit Iterator.zip() und Iterator.zipKeyed() hinzugefügt.

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155 implementiert Promise.allKeyed() und Promise.allSettledKeyed(), die ein Dictionary-Objekt mit Promises akzeptieren und in ein Objekt mit denselben Schlüsseln aufgelöst werden.

Browser Support

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

Source

WebTransport-Updates in Firefox 155

In Firefox 155 wird die Implementierung von WebTransport erweitert:

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

Service Worker Static Routing API in Safari 27

Safari 27 unterstützt die Service Worker Static Routing API über InstallEvent.addRoutes().

Mit dieser API kann ein Service Worker deklarative Routingregeln bei der Installation registrieren, sodass übereinstimmende Anfragen den Service Worker-Start umgehen und direkt aus dem Netzwerk oder Cache abgerufen werden können. Dadurch wird die Navigationsleistung verbessert.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

Betaversionen von Browsern

Betaversionen von Browsern bieten 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 erfolgt. Die neuen Betas in diesem Monat sind Chrome 155, Chrome 156, Firefox 158 und Safari 27.2.

Die Betaversion von Chrome 155 umfasst CSS-margin-trim, symbols() und text-decoration-skip-spaces sowie Unterstützung für die JPEG XL-Decodierung (image/jxl), Textmodulimporte (import ... with { type: "text" }) und die Ausstellung von Digital Credentials API.

Chrome 156 Beta enthält die CSS-Funktion random(), die CSS-Kurzschreibweise corner, Scroll-Container mit einer Achse, scroll-snap-type: pair, die Eigenschaft image-animation und die Pseudoklasse :animated-image, Pseudoklassen für den Status von Media-Elementen (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), die verzögerte Modulauswertung (import defer) sowie das HTML-Element <install> und die Web Install API.

In Safari 27.2 Beta wird die Ausrichtung von safe und unsafe bei Verwendung von normal unterstützt. Außerdem wird die Ausrichtung von safe für Boxen mit fester Position und ::picker(select)-Elemente aktiviert und flow-tolerance wird für display: grid-lanes in fit-tolerance umbenannt.