O Google usa tecnologia de IA na tradução de conteúdos para seu idioma de preferência. As traduções com IA podem ter erros.

Nova plataforma da Web em setembro

Confira alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e beta em setembro de 2026.

Rachel Andrew Technical Writer

Publicado em: 2 de outubro de 2026

Versões estáveis do navegador

É o primeiro mês de lançamentos quinzenais do Chrome e do Firefox. Isso significa que o Chrome 153, o Chrome 154, o Firefox 155, o Firefox 156, o Firefox 157 e o Safari 27 serão lançados para a versão estável em setembro de 2026. Nesta postagem, vamos conferir os novos recursos que estão chegando aos navegadores, incluindo um grande número de recursos que estão alcançando a linha de base recém-disponível.

A função CSS `progress()` se torna Baseline

O Firefox 155 adiciona suporte à função matemática progress() do CSS, tornando-a recém-disponível para a Baseline.

A função progress() retorna um <number> que representa a posição de um cálculo entre um valor inicial e um valor final. Normalmente, o resultado é limitado entre 0 e 1, o que o torna útil para gerar dimensionamento, opacidade ou cores fluidas com base nas dimensões do contêiner ou da janela de visualização. O Firefox 155 e o Safari 27 também adicionam suporte à opção de palavra-chave no-clamp, permitindo que o valor de progresso retornado se estenda abaixo de 0 ou acima de 1.

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

Browser Support

Source

Cores alfa relativas com `alpha()` se tornam o valor de referência

O Firefox 155 e o Safari 27 adicionaram suporte à função de cor relativa alpha() do CSS Color 5.

A função alpha() usa uma cor de origem e a retorna com um canal alfa (transparência) ajustado, preservando os canais de cor e o espaço de cor:

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

Com o Chrome 151, o Firefox 155 e o Safari 27 oferecendo suporte ao alpha(), essa função agora está disponível na versão mais recente do Baseline.

Browser Support

Source

A palavra-chave CSS `revert-rule` se torna "Baseline"

O Safari 27 adiciona suporte à palavra-chave revert-rule CSS-wide.

Enquanto revert reverte a cascata para a origem do usuário ou do user agent e revert-layer reverte para uma camada de cascata anterior, revert-rule reverte o valor de uma propriedade para o que seria se a regra de estilo atual não estivesse presente. Com suporte no Chrome, Firefox e agora no Safari 27, o revert-rule está disponível na versão mais recente do Baseline.

Browser Support

Source

Os valores de `<image>` em `light-dark()` se tornam de referência

O Safari 27 adiciona suporte para usar valores <image> na função CSS light-dark().

Antes limitado a valores <color>, o light-dark() agora pode alternar entre duas imagens, como url() ou gradientes CSS, com base no modo claro ou escuro color-scheme ativo. Com suporte no Chrome, Firefox e Safari 27, os valores <image> em light-dark() agora estão disponíveis na versão de referência.

Browser Support

A fixação de rolagem com `overflow-anchor` se torna um valor de referência

O Safari 27 ativa a fixação de rolagem e adiciona suporte à propriedade CSS overflow-anchor.

A fixação de rolagem ajusta automaticamente a posição de rolagem quando as mudanças no DOM acima da janela de visualização visível fariam com que o conteúdo pulasse enquanto o usuário lê ou interage com a página. É possível usar overflow-anchor: none para desativar elementos específicos como nós de âncora. Com o Safari 27 entrando para o Chrome e o Firefox, a fixação de rolagem agora está disponível na versão mais recente do Baseline.

Browser Support

Source

A propriedade `font-width` e o descritor `@font-face` se tornam de referência

O CSS Fonts 4 substituiu font-stretch por font-width como o nome canônico para selecionar famílias tipográficas normais, condensadas ou expandidas, mantendo font-stretch como um alias legado.

O Firefox 155 adiciona suporte à propriedade CSS font-width, ao descritor font-width @font-face e a CSSStyleDeclaration.fontWidth. O Chrome 154 também adiciona o descritor font-width em regras @font-face e a propriedade width em objetos FontFace. Junto com o suporte atual no Safari, o font-width agora está disponível na versão de referência.

Browser Support

Source

`sizes="auto"` para imagens com carregamento lento se torna Baseline

O Safari 27 adiciona suporte à palavra-chave auto no atributo sizes em elementos <img> que usam loading="lazy".

Quando você especifica sizes="auto" (ou uma lista sizes que começa com auto), o navegador usa a largura do layout renderizado da imagem carregada de forma lenta para selecionar a origem de imagem mais adequada de srcset. Com suporte no Chrome, Firefox e agora no Safari 27, o sizes="auto" está disponível na Baseline.

Browser Support

Source

A iteração assíncrona e os objetos `ReadableStream` transferíveis se tornam de base

O Safari 27 inclui várias atualizações para ReadableStream:

Suporte para iteração assíncrona em objetos ReadableStream usando loops for await...of e ReadableStream.prototype.values().
Suporte para transferência de objetos ReadableStream entre contextos usando postMessage().
Suporte ao método estático ReadableStream.from() para criar um ReadableStream com base em um objeto iterável ou assíncrono iterável (também compatível com o Firefox).

Com o Safari 27, os fluxos iteráveis assíncronos e os objetos ReadableStream transferíveis agora estão disponíveis na versão mais recente do Baseline.

Browser Support

`AnimationEvent.animation` e `TransitionEvent.animation` se tornam o valor de referência

O Safari 27 adiciona a propriedade animation a AnimationEvent e a propriedade animation a TransitionEvent.

Essa propriedade retorna o objeto Animation associado à animação CSS ou ao evento de transição, facilitando a inspeção ou o controle da animação diretamente de um listener de eventos. Com o suporte do Chrome, Firefox e Safari 27 a essa propriedade, ela agora está disponível na Baseline Newly.

Browser Support

Source

A opção `maxAge` em `cookieStore.set()` se torna "Valor de referência"

O Safari 27 adiciona suporte à opção maxAge ao definir um cookie com cookieStore.set(), permitindo especificar o ciclo de vida de um cookie como uma duração em segundos em vez de calcular um carimbo de data/hora expires absoluto. Com suporte no Chrome, Firefox e Safari 27, a opção maxAge agora está disponível na versão Baseline Newly.

Browser Support

`<select>` personalizável no Safari 27

O Safari 27 adiciona suporte a menus <select> personalizáveis usando appearance: base-select e o elemento <selectedcontent>, assim como o Chrome.

Ao ativar um <select> e o pseudoelemento ::picker(select) em appearance: base-select, o controle é transferido para uma aparência básica estilizada, permitindo conteúdo HTML avançado dentro de elementos <option> e estilização personalizada para o botão e o seletor suspenso.

Browser Support

Elementos declarativos `<camera>` e `<microphone>` no Chrome

O Chrome 153 apresenta os elementos de capacidade HTML <camera> e <microphone>.

Com base no elemento <usermedia>, <camera> e <microphone> fornecem controles declarativos dedicados e ativados pelo usuário para solicitar acesso à captura de vídeo ou áudio de capacidade única sem acionar solicitações de permissão iniciadas por script no carregamento da página.

Browser Support

Adições de JavaScript `Iterator` e `Promise`

O Chrome 153 adiciona Iterator.prototype.join() junto com a iteração conjunta usando Iterator.zip() e Iterator.zipKeyed().

Browser Support

Source

O Firefox 155 implementa Promise.allKeyed() e Promise.allSettledKeyed(), que aceitam um objeto de dicionário de promessas e são resolvidos em um objeto com as mesmas chaves.

Browser Support

Source

Atualizações do WebTransport no Firefox 155

O Firefox 115 expande a implementação de WebTransport:

Suporte à negociação de protocolo no nível do aplicativo com a opção protocols no construtor WebTransport() e na propriedade WebTransport.protocol. Com suporte no Chrome, Safari e agora no Firefox 155, o WebTransport.protocol está disponível na versão Baseline Newly.
Suporte para createSendGroup(), draining, exportKeyingMaterial(), e WebTransportDatagramDuplexStream.createWritable().

Browser Support

Source

API de roteamento estático do Service Worker no Safari 27

O Safari 27 adiciona suporte à API Service Worker Static Routing por InstallEvent.addRoutes().

Essa API permite que um service worker registre regras de roteamento declarativas no momento da instalação. Assim, as solicitações correspondentes podem ignorar a inicialização do service worker e buscar diretamente da rede ou do cache, melhorando o desempenho da navegação.

Browser Support

Source

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia do que vai 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. As novas versões beta deste mês são Chrome 155, Chrome 156, Firefox 158 e Safari 27.2.

A versão Beta do Chrome 155 inclui CSS margin-trim, symbols() e text-decoration-skip-spaces, além de suporte à decodificação JPEG XL (image/jxl), importações de módulos de texto (import ... with { type: "text" }) e suporte à emissão da API Digital Credentials.

A versão Beta do Chrome 156 inclui a função random() do CSS, propriedades abreviadas corner do CSS, contêineres de rolagem de eixo único, scroll-snap-type: pair, a propriedade image-animation e a pseudoclasse :animated-image, pseudoclasses de estado de elemento de mídia (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), avaliação de módulo adiada (import defer), o elemento <install> do HTML e a API Web Install.

A versão Beta 27.2 do Safari adiciona suporte para alinhamento de estouro de safe e unsafe quando combinado com normal, ativa o alinhamento de safe em caixas de posição fixa e elementos ::picker(select) e renomeia flow-tolerance para fit-tolerance para display: grid-lanes.

Nova plataforma da Web em setembro Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Versões estáveis do navegador

A função CSS progress() se torna Baseline

Cores alfa relativas com alpha() se tornam o valor de referência

A palavra-chave CSS revert-rule se torna "Baseline"

Os valores de <image> em light-dark() se tornam de referência

A fixação de rolagem com overflow-anchor se torna um valor de referência

A propriedade font-width e o descritor @font-face se tornam de referência

sizes="auto" para imagens com carregamento lento se torna Baseline

A iteração assíncrona e os objetos ReadableStream transferíveis se tornam de base

AnimationEvent.animation e TransitionEvent.animation se tornam o valor de referência

A opção maxAge em cookieStore.set() se torna "Valor de referência"

<select> personalizável no Safari 27

Elementos declarativos <camera> e <microphone> no Chrome

Adições de JavaScript Iterator e Promise

Atualizações do WebTransport no Firefox 155

API de roteamento estático do Service Worker no Safari 27

Versões Beta do navegador

Nova plataforma da Web em setembro

A função CSS `progress()` se torna Baseline

Cores alfa relativas com `alpha()` se tornam o valor de referência

A palavra-chave CSS `revert-rule` se torna "Baseline"

Os valores de `<image>` em `light-dark()` se tornam de referência

A fixação de rolagem com `overflow-anchor` se torna um valor de referência

A propriedade `font-width` e o descritor `@font-face` se tornam de referência

`sizes="auto"` para imagens com carregamento lento se torna Baseline

A iteração assíncrona e os objetos `ReadableStream` transferíveis se tornam de base

`AnimationEvent.animation` e `TransitionEvent.animation` se tornam o valor de referência

A opção `maxAge` em `cookieStore.set()` se torna "Valor de referência"

`<select>` personalizável no Safari 27

Elementos declarativos `<camera>` e `<microphone>` no Chrome

Adições de JavaScript `Iterator` e `Promise`