Publicado el 30 de junio de 2026
Chrome 150 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 150 completas.
Aspectos destacados de esta versión:
- La propiedad
text-fitde CSS ajusta el tamaño de la fuente para que se ajuste a los cuadros contenedores. - Focusgroup proporciona navegación declarativa con las teclas de flecha para los componentes web.
- CSS background-clip: border-area te permite crear bordes de degradado de forma nativa.
Propiedad text-fit de CSS
La propiedad text-fit ajusta el tamaño de la fuente de los nodos de texto para que se ajusten perfectamente al ancho de su cuadro contenedor.
Esta propiedad te permite garantizar que los títulos o el contenido dinámico llenen el espacio horizontal disponible sin cálculos manuales del tamaño de la fuente ni soluciones alternativas complejas de JavaScript. Proporciona una solución sólida y nativa de CSS para la tipografía responsiva que mantiene la alineación visual en diferentes tamaños de pantalla.
Focusgroup
El atributo focusgroup te permite proporcionar de forma declarativa a los widgets compuestos navegación con las teclas de flecha, una parada de tabulación garantizada y memoria del último enfoque, lo que reemplaza las secuencias de comandos de tabindex itinerante codificadas manualmente.
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
CSS background-clip: border-area
Implementa el valor border-area para la propiedad background-clip de CSS. background-clip: border-area recorta el fondo de un elemento en el área pintada por los trazos de su borde, teniendo en cuenta border-width y border-style, y, al mismo tiempo, ignorando la transparencia de border-color.
Esto te permite crear bordes de degradado directamente en CSS sin necesidad de soluciones alternativas de border-image.
Lecturas adicionales
Esto solo abarca algunos aspectos destacados clave. Consulta los siguientes vínculos para ver otros cambios en Chrome 150.
- Notas de la versión de Chrome 150
- Actualizaciones de ChromeStatus.com para Chrome 150.
- Calendario de lanzamientos de Chrome
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 ver artículos y entradas de blog nuevos.
En cuanto se lance Chrome 151, te contaremos las novedades de Chrome.