Nuevo en la plataforma web en diciembre

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

Rachel Andrew

Publicado el 16 de diciembre de 2025

Versiones estables del navegador

En diciembre, se lanzaron las versiones estables de Chrome 143, Firefox 146 y Safari 26.2. En esta publicación, analizaremos las numerosas funciones nuevas de este mes, en el que varios elementos se volvieron disponibles como Baseline Newly.

La regla @ @scope de CSS ahora es de Baseline

Firefox 146 incluye la regla @ @scope de CSS, que te permite seleccionar elementos en subárboles DOM específicos. Define un alcance dentro del cual los selectores pueden segmentar elementos, y evita selectores demasiado específicos y extensos. Por ejemplo, el siguiente código CSS solo se orienta a los elementos <img> si se encuentran dentro de un elemento con una clase de .card.

@scope (.card) {
    img {
        border-color: green;
    }
}

Con Firefox 146, esta útil regla @ ahora está disponible como Baseline Newly. Obtén más información en Limita el alcance de tus selectores con la regla @ @scope de CSS.

La función contrast-color() de CSS

La función contrast-color() también se incluye en Firefox 146. Esta función toma un valor de color y devuelve un color contrastante, lo que tiene como objetivo garantizar el contraste mínimo de WCAG AA.

Para obtener más ejemplos, consulta Cómo hacer que el navegador elija un color contrastante en CSS en el blog de WebKit.

Browser Support

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

Source

Firefox es el primer navegador en lanzar la propiedad text-decoration-inset. Esta propiedad te permite ajustar los puntos de inicio y finalización de la decoración de texto de un elemento para que se pueda acortar, alargar o cambiar su posición con respecto al texto renderizado.

La propiedad font-language-override de CSS

Chrome 143 incluye la propiedad font-language-override. Esto te permite anular el comportamiento del tipo de letra para un idioma específico. Esto es útil si usas un tipo de letra que no admite correctamente un idioma, ya que puedes optar por usar glifos de un idioma similar que sí lo admita.

Browser Support

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

Source

Consultas de contenedores de resguardo ancladas de CSS

Chrome 143 introduce @container anchored(fallback) para aplicar estilo a los elementos descendientes de elementos posicionados con anclaje según cuál de position-try-fallbacks se aplique.

Estas consultas se pueden usar para aplicar un diseño al amarre de un elemento anclado o a sus animaciones, según la posición relativa del elemento anclado y el elemento de anclaje.

Sintaxis relativa al lado para las abreviaturas de background-position-x/y

También en Chrome, y ahora disponible en todos los navegadores, se encuentra la capacidad de definir la posición de la imagen de fondo en relación con uno de sus bordes en las propiedades detalladas de background-position. Por ejemplo:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

La propiedad de animación overallProgress

Safari 26.2 incluye overallProgress. Esta propiedad de solo lectura de la interfaz Animation devuelve un número entre 0 y 1 que indica el progreso general de la animación hacia su estado final.

Esta propiedad ahora está disponible como propiedad de referencia.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

El LCP y el INP ahora están disponibles como valores de referencia

Las métricas Largest Contentful Paint (LCP) y Interaction to Next Paint (INP) ahora están disponibles como métricas de referencia nuevas, con compatibilidad en Safari 26.2 para la API de Contentful Paint y la API de Event Timing necesarias para medir estas métricas.

Estas funciones se incluyeron en Interop 2025, y ahora puedes medir estas métricas en la versión más reciente de todos los navegadores principales.

API de Largest Contentful Paint

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

API de Event Timing

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

CHIPS alcanza el estado Baseline Newly available

Safari 26.2 también incluye CHIPS (Cookies Having Independent Partitioned State), que te permite habilitar una cookie para el almacenamiento particionado, con un contenedor de cookies independiente por sitio de nivel superior.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

Safari 26.2 incluye compatibilidad con hidden="until-found", que ahora se convierte en Baseline Newly available.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

Los atributos command y commandfor

Además, en Safari 26.2, se admite HTML para command y commandfor en los botones. Esto proporciona una forma declarativa de controlar los elementos emergentes y los diálogos.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

Obtén más información en Presentamos command y commandfor.

El evento scrollend

Otra función que estará disponible como Baseline Newly con Safari 26.2 es el evento scrollend. Este evento se activa cuando se completa el desplazamiento. Obtén más información en Scrollend, un nuevo evento de JavaScript.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

La propiedad scrollbar-color

La propiedad scrollbar-color te permite cambiar el color del pulgar y el carril de la barra de desplazamiento. Con Safari 26.2, también se convierte en Baseline Newly available.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

Source

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 funciones nuevas 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 Firefox 147 y Chrome 144.

Chrome 144 incluye el seudoelemento ::search-text para el diseño de los resultados de la búsqueda en la página y la compatibilidad con scrolled para @scroll-state, lo que te permite diseñar los elementos descendientes de los contenedores según la dirección de desplazamiento más reciente. También se incluye la API de Temporal, con objetos y funciones estándar para trabajar con fechas y horas.

Firefox 147 es una versión emocionante que incluye el posicionamiento de anclaje de CSS, los tipos de transición de vista y la API de Navigation.

Para obtener más información sobre las emocionantes funciones de CSS y de la IU que se lanzaron este año, consulta CSS Wrapped 2025.