Nieuw in Chrome 154

Rachel Andrew

Gepubliceerd: 22 september 2026

Chrome 154 wordt nu uitgerold en in dit bericht worden enkele belangrijke functies van deze release besproken. Lees de volledige release-opmerkingen van Chrome 154 .

Belangrijkste punten uit dit persbericht:

Aanpasbare grootte <iframe>

Chrome 154 biedt ondersteuning voor responsief formaat iframes. Hierdoor kan een <iframe> -element in een ouderdocument zichzelf aanpassen aan de overloopgrootte van het ingesloten document, zodat scrollen in het onderliggende document wordt voorkomen. Dit vervangt de methode waarbij je handmatig de inhoud van een iframe meet, de afmetingen verzendt met postMessage() en de grootte van het iframe in de ingesloten pagina bijwerkt.

Om een ​​iframe aan te passen aan de hoogte van de inhoud, gebruikt u de CSS-eigenschap ` frame-sizing op het <iframe> `-element in de pagina waarin het iframe wordt ingesloten:

.embed {
  width: 100%;
  frame-sizing: content-height;
}

Het ingesloten document moet zich ook aanmelden door een <meta name="responsive-embedded-sizing"> element in de <head> op te nemen:

<meta name="responsive-embedded-sizing" content="allow-origins=*">

Voor meer details en demonstraties, zie Responsieve iframes in Chrome 154 .

CSS scroll-marker-group modi

De eigenschap scroll-marker-group bepaalt of een scrollcontainer een pseudo-element ` ::scroll-marker-group genereert vóór of na de inhoud. Chrome 154 breidt scroll-marker-group uit met twee modi die de focusvolgorde en de WAI-ARIA-toegankelijkheidssemantiek van ::scroll-marker-group en ::scroll-marker instellen:

/* Links mode (default) */
scroll-marker-group: after links;

/* Tabs mode */
scroll-marker-group: before tabs;

CSS text-decoration-inset

Standaard heeft de tekstdecoratie van een element (zoals een onderstreping, bovenstreping of doorstreping) dezelfde lengte als de weergegeven tekst. Met de CSS-eigenschap ` text-decoration-inset kunt u het begin- en eindpunt van de tekstdecoratie van een element aanpassen, zodat deze iets naar binnen, naar buiten of ten opzichte van de randen van de tekst wordt verschoven.

text-decoration-inset accepteert waarden auto , lengte en percentage, met behulp van een syntax met één of twee waarden. Bijvoorbeeld om beide uiteinden 10px in te laten springen:

text-decoration-inset: 10px;

Positieve waarden plaatsen de decoratie naar binnen (waardoor deze korter wordt), terwijl negatieve waarden de decoratie naar buiten plaatsen (waardoor deze langer wordt). Dit stelt je in staat om de afstand tussen de decoraties nauwkeurig af te stemmen en geanimeerde onderstrepingseffecten te creëren met CSS-tekstdecoraties in plaats van achtergrondgradiënten of extra elementen.

Voor meer informatie, zie de documentatie text-decoration-inset op MDN .

Verder lezen

Dit is slechts een greep uit de belangrijkste wijzigingen. Raadpleeg de volgende links voor meer informatie over de wijzigingen in Chrome 154:

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 155 is uitgebracht, laten we je hier meteen weten wat er nieuw is in Chrome!