A plataforma da Web começou a ser nova em dezembro

Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e beta em dezembro de 2025.

Rachel Andrew

Publicado em: 16 de dezembro de 2025

Versões estáveis do navegador

O Chrome 143, o Firefox 146 e o Safari 26.2 foram lançados para a versão estável em dezembro. Nesta postagem, vamos conferir os vários recursos novos deste mês, com várias coisas disponíveis na versão mais recente do Baseline.

A at-rule @scope do CSS agora é de referência

O Firefox 146 inclui a at-regra CSS @scope que permite selecionar elementos em subárvores DOM específicas. Defina um escopo em que os seletores podem segmentar elementos e evite seletores muito específicos e longos. Por exemplo, o CSS a seguir só segmenta elementos <img> se eles estiverem dentro de um elemento com a classe .card.

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

Com o Firefox 146, essa regra @ útil agora está disponível na versão de referência. Saiba mais em Limitar o alcance dos seletores com a regra at @scope do CSS.

A função CSS contrast-color()

Também no Firefox 146 está a função contrast-color(). Essa função usa um valor de cor e retorna uma cor contrastante, que visa garantir o contraste mínimo AA das WCAG.

Para mais exemplos, consulte Como fazer o navegador escolher uma cor contrastante em CSS no blog do WebKit (em inglês).

Browser Support

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

Source

O Firefox é o primeiro navegador a enviar a propriedade text-decoration-inset. Essa propriedade permite ajustar os pontos inicial e final da decoração de texto de um elemento para que ela possa ser encurtada, alongada ou ter a posição alterada em relação ao texto renderizado.

A propriedade CSS font-language-override

O Chrome 143 inclui a propriedade font-language-override. Isso permite substituir o comportamento do tipo de letra em um idioma específico. Isso é útil se você estiver usando um tipo de letra que não tem suporte adequado para um idioma. Nesse caso, é possível usar glifos de um idioma semelhante com melhor suporte.

Browser Support

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

Source

Consultas de contêiner de substituição ancoradas do CSS

O Chrome 143 apresenta @container anchored(fallback) para estilizar descendentes de elementos posicionados de âncora com base em qual dos position-try-fallbacks é aplicado.

Essas consultas podem ser usadas para estilizar a conexão ou as animações de um elemento ancorado, com base em como a âncora e o elemento ancorado estão posicionados um em relação ao outro.

Sintaxe relativa ao lado para abreviações de background-position-x/y

Também no Chrome, e agora disponível em todos os navegadores, é possível definir a posição da imagem de plano de fundo em relação a uma das bordas nas propriedades abreviadas de background-position. Exemplo:

.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.

A propriedade de animação overallProgress

O Safari 26.2 inclui overallProgress. Essa propriedade somente leitura da interface Animation retorna um número entre 0 e 1 que indica o progresso geral da animação em direção ao estado concluído.

Essa propriedade agora está disponível como "Nova base de comparação".

Browser Support

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

Source

O LCP e o INP agora estão disponíveis na versão de referência

As métricas Largest Contentful Paint (LCP) e Interaction to Next Paint (INP) agora estão disponíveis na versão Baseline Newly, com suporte no Safari 26.2 para a API Contentful Paint e a API Event Timing necessárias para medir essas métricas.

Esses recursos foram incluídos no Interop 2025, e agora você pode medir essas métricas na versão mais recente de todos os principais navegadores.

API Largest Contentful Paint

Browser Support

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

Source

API Event Timing

Browser Support

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

Source

O CHIPS atinge o status "Recém-disponível"

O Safari 26.2 também inclui CHIPS (Cookies com estado particionado independente), que permite ativar um cookie no armazenamento de particionamento, com um armazenamento separado por site de nível superior.

Browser Support

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

Source

hidden="until-found"

O Safari 26.2 inclui suporte para hidden="until-found", que agora é o Baseline recém-disponibilizado.

Browser Support

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

Source

Os atributos command e commandfor

Além disso, para HTML no Safari 26.2, há suporte para command e commandfor em botões. Isso oferece uma maneira declarativa de controlar popovers e caixas de diálogo.

Browser Support

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

Source

Saiba mais em Apresentação do command e do commandfor.

O evento scrollend

Outro recurso que se tornou disponível com o Safari 26.2 é o evento scrollend de referência. Esse evento é disparado quando a rolagem é concluída. Saiba mais em Scrollend, um novo evento JavaScript.

Browser Support

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

Source

A propriedade scrollbar-color

A propriedade scrollbar-color permite mudar a cor do polegar e da faixa da barra de rolagem. Com o Safari 26.2, isso também se torna "Recém-disponível" na referência.

Browser Support

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

Source

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia do que estará na próxima versão estável. É uma ótima hora para testar novos recursos ou remoções que possam afetar seu site antes do lançamento para o mundo todo. As novas versões Beta deste mês são o Firefox 147 e o Chrome 144.

O Chrome 144 inclui o pseudoelemento ::search-text para estilização de resultados da pesquisa localizar na página e suporte a scrolled para @scroll-state, permitindo estilizar descendentes de contêineres com base na direção de rolagem mais recente. Também está incluída a API Temporal, com objetos e funções padrão para trabalhar com datas e horários.

O Firefox 147 é uma versão interessante que inclui posicionamento de âncora CSS, tipos de transição de visualização e a API Navigation.

Para saber mais sobre os recursos interessantes de CSS e UI lançados este ano, confira o Resumo do CSS 2025.