Novedades de Chrome 154

Rachel Andrew

Fecha de publicación: 22 de septiembre de 2026

Chrome 154 se está lanzando ahora, y en esta publicación se comparten algunas de las funciones clave de la versión. Lee las notas de la versión de Chrome 154 completas.

Aspectos destacados de esta versión:

<iframe> con tamaño adaptable

Chrome 154 agrega compatibilidad con iframes con tamaño adaptable, lo que permite que un elemento <iframe> en un documento principal se ajuste al tamaño de desbordamiento del diseño del documento incorporado para evitar el desplazamiento en el documento secundario. Esto reemplaza el patrón en el que mides manualmente el contenido del iframe, envías dimensiones con postMessage() y actualizas el tamaño del iframe en la página de incorporación.

Para ajustar el tamaño de un iframe a la altura de su contenido, usa la propiedad de CSS frame-sizing en el elemento <iframe> de la página de incorporación:

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

El documento incorporado también debe habilitar la opción incluyendo un elemento <meta name="responsive-embedded-sizing"> en su <head>:

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

Para obtener más detalles y demostraciones, consulta IFrames responsivos en Chrome 154.

Modos de scroll-marker-group de CSS

La propiedad scroll-marker-group controla si un contenedor de desplazamiento genera un seudoelemento ::scroll-marker-group antes o después de su contenido. Chrome 154 mejora scroll-marker-group con dos modos que establecen el orden de enfoque y la semántica de accesibilidad de WAI-ARIA de ::scroll-marker-group y ::scroll-marker:

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

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

CSS text-decoration-inset

De forma predeterminada, la decoración de texto de un elemento (como un subrayado, un suprarrayado o un tachado) tiene la misma longitud que el texto renderizado. La propiedad text-decoration-inset de CSS te permite ajustar los puntos de inicio y finalización de la decoración de texto de un elemento para que se inserte, se extienda o se desplace en relación con los bordes de la ejecución de texto.

text-decoration-inset acepta valores de auto, longitud y porcentaje con sintaxis de uno o dos valores, por ejemplo, para insertar ambos extremos en 10 px:

text-decoration-inset: 10px;

Los valores positivos insertan la decoración (la acortan), mientras que los valores negativos la sobresalen (la alargan). Esto te permite ajustar el espaciado de la decoración y crear efectos de revelación de subrayado animados con decoraciones de texto CSS en lugar de degradados de fondo o elementos adicionales.

Para obtener más información, consulta la documentación de text-decoration-inset en MDN.

Lecturas adicionales

Esto solo abarca algunos aspectos destacados clave. Consulta los siguientes vínculos para conocer otros cambios en Chrome 154:

Suscribirse

Para mantenerte al tanto, suscríbete al canal de YouTube de Chrome Developers y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo. También puedes seguirnos en X o LinkedIn para leer artículos y entradas de blogs nuevos.

En cuanto se lance Chrome 155, te contaremos las novedades de Chrome.