Veröffentlicht: 30. Juni 2026
Chrome 150 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen der Version vorgestellt. Vollständige Versionshinweise zu Chrome 150 lesen
Highlights dieser Version:
- Mit der CSS
text-fitEigenschaft wird die Schriftgröße an die enthaltenden Felder angepasst. - Focusgroup bietet eine deklarative Pfeiltastennavigation für Webkomponenten.
- Mit `background-clip: border-area` können Sie Verlaufsrahmen nativ erstellen.
CSS-Eigenschaft text-fit
Mit der Eigenschaft text-fit wird die Schriftgröße von Textknoten so angepasst, dass sie perfekt in die Breite des enthaltenden Felds passt.
Mit dieser Eigenschaft können Sie dafür sorgen, dass Anzeigentitel oder dynamische Inhalte den verfügbaren horizontalen Platz ausfüllen, ohne dass Sie die Schriftgröße manuell berechnen oder komplexe JavaScript-Problemumgehungen verwenden müssen. Sie bietet eine robuste, CSS-native Lösung für responsive Typografie, die die visuelle Ausrichtung auf verschiedenen Bildschirmgrößen beibehält.
Focusgroup
Mit dem Attribut focusgroup können Sie zusammengesetzten Widgets deklarativ eine Pfeiltastennavigation, einen garantierten Tabstopp und eine Speicherfunktion für den zuletzt fokussierten Tabstopp zuweisen. So können Sie handcodierte Skripts für den beweglichen Tabindex ersetzen.
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
CSS background-clip: border-area
Implementiert den Wert border-area für die CSS-Eigenschaft background-clip. Mit background-clip: border-area wird der Hintergrund eines Elements auf den Bereich zugeschnitten, der durch die Rahmenstriche gemalt wird. Dabei werden border-width und border-style berücksichtigt, die Transparenz von border-color wird jedoch ignoriert.
So können Sie Verlaufsrahmen direkt in CSS erstellen, ohne border-image-Problemumgehungen zu verwenden.
Weitere Informationen
Hier werden nur einige wichtige Highlights behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 150.
- Versionshinweise zu Chrome 150.
- ChromeStatus.com-Updates für Chrome 150.
- Chrome-Veröffentlichungskalender.
Abonnieren
Wenn Sie immer auf dem neuesten Stand sein möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers . Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen. Sie können uns auch auf X oder LinkedIn folgen, um neue Artikel und Blogposts zu erhalten.
Sobald Chrome 151 veröffentlicht wird, informieren wir Sie hier über die Neuerungen.