Gepubliceerd: 30 juni 2026
Chrome 150 wordt nu uitgerold en in dit bericht worden enkele belangrijke functies van deze release besproken. Lees de volledige release-opmerkingen van Chrome 150 .
Belangrijkste punten uit dit persbericht:
- De CSS-eigenschap
text-fitpast de lettergrootte aan de inhoud van de tekstvakken aan. - Focusgroup biedt declaratieve pijltjestoetsnavigatie voor webcomponenten.
- Met CSS background-clip: border-area kun je op een native manier verloopranden creëren.
CSS-eigenschap text-fit
De eigenschap text-fit schaalt de lettergrootte van tekstknooppunten zodat deze perfect past binnen de breedte van het omringende kader.
Met deze eigenschap kunt u ervoor zorgen dat koppen of dynamische content de beschikbare horizontale ruimte volledig benutten zonder handmatige lettergrootteberekeningen of complexe JavaScript-oplossingen. Het biedt een robuuste, native CSS-oplossing voor responsieve typografie die de visuele uitlijning op verschillende schermformaten behoudt.
Focusgroep
Met het focusgroup attribuut kunt u samengestelde widgets op declaratieve wijze navigatie via de pijltjestoetsen, een gegarandeerde tabstop en een geheugen voor de laatst gefocuste widget geven, ter vervanging van handmatig gecodeerde scripts voor het wijzigen van de tabindex.
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
CSS background-clip: border-area
Implementeert de border-area waarde voor de CSS background-clip eigenschap. background-clip: border-area beperkt de achtergrond van een element tot het gebied dat wordt ingenomen door de randlijnen, waarbij rekening wordt gehouden met border-width en border-style , maar transparantie van border-color wordt genegeerd.
Hiermee kun je direct in CSS verloopranden maken zonder dat je omwegen border-image nodig hebt.
Verder lezen
Dit is slechts een greep uit de belangrijkste wijzigingen. Raadpleeg de volgende links voor meer informatie over de wijzigingen in Chrome 150.
- Release-opmerkingen voor Chrome 150 .
- Updates voor Chrome 150 op ChromeStatus.com .
- Chrome-releasekalender .
Abonneren
Om op de hoogte te blijven, abonneer je op het YouTube-kanaal van Chrome Developers . Je ontvangt dan een e-mailmelding zodra we een nieuwe video publiceren. Of volg ons op X of LinkedIn voor nieuwe artikelen en blogberichten.
Zodra Chrome 151 is uitgebracht, laten we je hier meteen weten wat er nieuw is in Chrome!