Saltar al contenido
Carlos Estrada
Frontend

Chrome 157 trae esquinas con forma y recortes de texto propios en CSS

3 min de lectura
Formas geométricas de papel en rojo, azul, verde y naranja que se juntan en un vértice

Google liberó Chrome 157 en su canal estable, la versión que recibe la mayoría de la gente. Para quien hace páginas web trae novedades en CSS, el lenguaje que define cómo se ven los sitios, y algunos cambios en las API del navegador que conviene tener en el radar.

Te resumimos lo más útil y qué revisar en tus proyectos.

¿Qué pasó?

El 3 de noviembre de 2026 Google publicó la actualización estable de Chrome 157 para computadoras. Las notas de versión de Chrome Platform Status y la cobertura de Gigazine coinciden en las novedades principales.

En CSS llega la propiedad abreviada corner, que junta en una sola línea el redondeo de una esquina (border-radius) y su forma (corner-shape). También hay variantes por esquina y por lado, como corner-top-left o corner-bottom.

La propiedad text-overflow, que decide qué se muestra cuando un texto no cabe, ahora acepta un texto propio. Así puedes poner algo como «(continúa)» en lugar de los clásicos tres puntos.

Para el posicionamiento con anclas, Chrome ahora usa los valores anchor-valid y anchor-visible en position-visibility. Las versiones en plural de esos nombres quedan como obsoletas y se quitarán más adelante.

¿Por qué te importa?

Las esquinas con forma, como cortes en diagonal o curvas más suaves, antes requerían imágenes o trucos con SVG. Con estos atajos el código queda más corto y fácil de mantener.

Hay cambios fuera de CSS. La API Language Detector, que identifica el idioma de un texto con un modelo que corre en el propio equipo, ya funciona en Chrome para Android. Background Fetch, la función que permite descargas grandes en segundo plano, ahora respeta las reglas de CORS, es decir, los permisos entre dominios. Si tu app descargaba archivos de otro dominio de esta forma, revisa que ese servidor envíe los encabezados correctos.

Para medir rendimiento, la API Long Animation Frames agrega styleDuration y forcedStyleDuration, que ayudan a ver cuánto tarda el navegador en calcular estilos. Además, Web Bluetooth y los service workers reciben ajustes menores en sus interfaces.

¿Qué puedes hacer?

  • Actualiza Chrome desde Configuración y luego Acerca de Chrome para probar las novedades.
  • Si usas anchors-valid o anchors-visible en plural, cámbialos a la forma en singular.
  • Revisa las descargas en segundo plano de tu app si apuntan a otro dominio, por el nuevo control de CORS.
  • Prueba corner y text-overflow con texto propio en un proyecto de prueba, con un estilo de respaldo para otros navegadores.
  • Usa los nuevos datos de Long Animation Frames para encontrar animaciones lentas en tu sitio.

Sigue leyendo

Fuentes

Imagen de portada: foto de Engin Akyurt en Pexels.