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.

Observação:os dados de compatibilidade do navegador extraídos da MDN estão incluídos nessas postagens e talvez ainda não tenham sido atualizados para versões muito recentes do navegador. A postagem vai mostrar as informações corretas assim que aparecerem na versão de dados de compatibilidade do navegador.

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

• x
• x
• x
• 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

• x
• x
• 34
• x

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

• x
• x
• 49
• 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

• 133
• 133
• 142
• 

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

• 77
• 79
• 122
• x

Source

API Event Timing

Browser Support

• 76
• 79
• 89
• x

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

• 114
• 114
• 141
• x

Source

hidden="until-found"

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

Browser Support

• 102
• 102
• 139
• 

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

• 135
• 135
• 144
• 

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

• 114
• 114
• 109
• 

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

• 121
• 121
• 64
• x

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.