Nuevo uso de la plataforma web en septiembre

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante septiembre de 2026.

Rachel Andrew

Publicado el 2 de octubre de 2026

Lanzamientos de navegadores estables

Es el primer mes de lanzamientos quincenales de Chrome y Firefox. Esto significa que Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157 y Safari 27 se lanzarán a la versión estable en septiembre de 2026. En esta publicación, se analizan las nuevas funciones que se lanzan en los navegadores, incluida una gran cantidad de funciones que alcanzan el estado de Baseline Newly available.

La función progress() de CSS se convierte en Baseline

Firefox 155 agrega compatibilidad con la función matemática progress() de CSS, lo que la convierte en Baseline Newly available.

La función progress() devuelve un <number> que representa la posición de un cálculo entre un valor inicial y un valor final. Por lo general, el resultado se limita entre 0 y 1, lo que lo hace útil para controlar el tamaño, la opacidad o los colores fluidos en función de las dimensiones del contenedor o del viewport. Firefox 155 y Safari 27 también agregan compatibilidad con la opción de palabra clave no-clamp, lo que permite que el valor de progreso devuelto se extienda por debajo de 0 o por encima de 1.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

Los colores alfa relativos con alpha() se convierten en Baseline

Firefox 155 y Safari 27 agregan compatibilidad con la función de color relativo alpha() de CSS Color 5.

La función alpha() toma un color de origen y lo devuelve con un canal alfa (transparencia) ajustado, a la vez que conserva sus canales de color y su espacio de color:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Con la compatibilidad de alpha() en Chrome 151, Firefox 155 y Safari 27, esta función ahora está disponible como Baseline Newly available.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

La palabra clave de CSS revert-rule se convierte en el modelo de referencia

Safari 27 agrega compatibilidad con la palabra clave revert-rule en todo el CSS.

Mientras que revert revierte la cascada al origen del usuario o del agente de usuario, y revert-layer revierte a una capa de cascada anterior, revert-rule revierte el valor de una propiedad a lo que habría sido si la regla de estilo actual no estuviera presente. Con la compatibilidad en Chrome, Firefox y ahora Safari 27, revert-rule está disponible como Baseline Newly.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

Los valores de <image> en light-dark() se convierten en valores de referencia.

Safari 27 agrega compatibilidad para usar valores de <image> dentro de la función light-dark() de CSS.

Anteriormente, light-dark() se limitaba a los valores de <color>, pero ahora puede cambiar entre dos imágenes, como imágenes de url() o gradientes de CSS, según el modo color-scheme activo (claro u oscuro). Con la compatibilidad en Chrome, Firefox y Safari 27, los valores de <image> en light-dark() ahora están disponibles en Baseline.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

El anclaje de desplazamiento con overflow-anchor se convierte en Baseline

Safari 27 habilita la fijación de desplazamiento y agrega compatibilidad con la propiedad de CSS overflow-anchor.

El anclaje de desplazamiento ajusta la posición de desplazamiento automáticamente cuando los cambios en el DOM por encima del viewport visible harían que el contenido se desplace mientras el usuario lee o interactúa con la página. Puedes usar overflow-anchor: none para inhabilitar elementos específicos para que no actúen como nodos de anclaje. Con la incorporación de Safari 27 a Chrome y Firefox, el anclaje de desplazamiento ahora está disponible en Baseline Newly.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

La propiedad font-width y el descriptor @font-face se convierten en Baseline

CSS Fonts 4 reemplazó font-stretch por font-width como el nombre canónico para seleccionar caras de fuente normales, condensadas o expandidas, y mantuvo font-stretch como alias heredado.

Firefox 155 agrega compatibilidad con la propiedad font-width de CSS, el descriptor font-width @font-face y CSSStyleDeclaration.fontWidth. Chrome 154 también agrega el descriptor font-width en las reglas @font-face y la propiedad width en los objetos FontFace. Junto con la compatibilidad existente en Safari, font-width ahora está disponible en Baseline Newly.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

sizes="auto" para imágenes con carga diferida se convierte en Baseline

Safari 27 agrega compatibilidad con la palabra clave auto en el atributo sizes de los elementos <img> que usan loading="lazy".

Cuando especificas sizes="auto" (o una lista de sizes que comienza con auto), el navegador usa el ancho del diseño renderizado de la imagen cargada de forma diferida para seleccionar la fuente de imagen más adecuada de srcset. Con la compatibilidad en Chrome, Firefox y ahora Safari 27, sizes="auto" está disponible como Baseline Newly.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: 150.
  • Safari: not supported.

Source

La iteración asíncrona y los objetos ReadableStream transferibles se convierten en Baseline

Safari 27 incluye varias actualizaciones en ReadableStream:

  • Se agregó compatibilidad con la iteración asíncrona en objetos ReadableStream con bucles for await...of y ReadableStream.prototype.values().
  • Se admite la transferencia de objetos ReadableStream entre contextos con postMessage().
  • Se agregó compatibilidad con el método estático ReadableStream.from() para crear un objeto ReadableStream a partir de un objeto iterable o iterable asíncrono (también compatible con Firefox).

Con Safari 27, los flujos iterables asíncronos y los objetos ReadableStream transferibles ahora están disponibles en Baseline Newly.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation y TransitionEvent.animation se convierten en Baseline

Safari 27 agrega la propiedad animation a AnimationEvent y la propiedad animation a TransitionEvent.

Esta propiedad devuelve el objeto Animation asociado con el evento de transición o animación CSS, lo que facilita la inspección o el control de la animación directamente desde un objeto de escucha de eventos. Dado que Chrome, Firefox y Safari 27 admiten esta propiedad, ahora está disponible en Baseline Newly available.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

La opción maxAge en cookieStore.set() se convierte en Baseline

Safari 27 agrega compatibilidad con la opción maxAge cuando se configura una cookie con cookieStore.set(), lo que te permite especificar la vida útil de una cookie como una duración en segundos en lugar de calcular una marca de tiempo expires absoluta. Con la compatibilidad en Chrome, Firefox y Safari 27, la opción maxAge ahora está disponible en Baseline Newly.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

<select> personalizable en Safari 27

Safari 27 agrega compatibilidad con los menús <select> personalizables a través de appearance: base-select y el elemento <selectedcontent>, uniéndose a Chrome.

Si se habilita un <select> y su seudoelemento ::picker(select) en appearance: base-select, el control cambia a una apariencia base con diseño, lo que permite contenido HTML enriquecido dentro de los elementos <option> y diseño personalizado para el botón y el selector desplegable.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Elementos declarativos <camera> y <microphone> en Chrome

Chrome 153 introduce los elementos de capacidad HTML <camera> y <microphone>.

Basándose en el elemento <usermedia>, <camera> y <microphone> proporcionan controles declarativos dedicados y activados por el usuario para solicitar acceso a la captura de audio o video de una sola capacidad sin activar mensajes de permisos iniciados por secuencias de comandos en la carga de la página.

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: not supported.
  • Safari: not supported.

Adiciones de Iterator y Promise de JavaScript

Chrome 153 agrega Iterator.prototype.join(), además de la iteración conjunta con Iterator.zip() y Iterator.zipKeyed().

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155 implementa Promise.allKeyed() y Promise.allSettledKeyed(), que aceptan un objeto de diccionario de promesas y se resuelven en un objeto con las mismas claves.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: not supported.

Source

Actualizaciones de WebTransport en Firefox 155

Firefox 155 expande su implementación de WebTransport:

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

API de Service Worker Static Routing en Safari 27

Safari 27 agrega compatibilidad con la API de Service Worker Static Routing a través de InstallEvent.addRoutes().

Esta API permite que un service worker registre reglas de enrutamiento declarativas en el momento de la instalación para que las solicitudes coincidentes puedan omitir el inicio del service worker y recuperar directamente desde la red o la caché, lo que mejora el rendimiento de la navegación.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

Lanzamientos de versiones beta del navegador

Las versiones beta del navegador te brindan una vista previa de lo que se incluirá en la próxima versión estable del navegador. Es un buen momento para probar las nuevas funciones o las eliminaciones que podrían afectar tu sitio antes de que se lance la versión para todo el mundo. Las nuevas versiones beta de este mes son Chrome 155, Chrome 156, Firefox 158 y Safari 27.2.

La versión beta de Chrome 155 incluye CSS margin-trim, symbols() y text-decoration-skip-spaces, además de compatibilidad con la decodificación de JPEG XL (image/jxl), importaciones de módulos de texto (import ... with { type: "text" }) y compatibilidad con la emisión de la API de credenciales digitales.

La versión beta de Chrome 156 incluye la función random() de CSS, las propiedades abreviadas corner de CSS, los contenedores de desplazamiento de un solo eje, scroll-snap-type: pair, la propiedad image-animation y la pseudoclase :animated-image, las pseudoclases de estado de elementos multimedia (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), la evaluación diferida de módulos (import defer), el elemento <install> de HTML y la API de Web Install.

La versión beta de Safari 27.2 agrega compatibilidad con la alineación de desbordamiento de safe y unsafe cuando se combinan con normal, habilita la alineación de safe en cuadros de posición fija y elementos ::picker(select), y cambia el nombre de flow-tolerance a fit-tolerance para display: grid-lanes.