Novidades do Chrome 150

Rachel Andrew

Publicado em: 30 de junho de 2026

O Chrome 150 está sendo lançado agora, e esta postagem compartilha alguns dos principais recursos da versão. Leia as notas da versão completa do Chrome 150.

Destaques desta versão:

• A propriedade text-fit do CSS dimensiona o tamanho da fonte para se ajustar às caixas que a contêm.
• O Focusgroup oferece navegação declarativa com teclas de seta para componentes da Web.
• Com CSS background-clip: border-area, é possível criar bordas gradientes de forma nativa.

Propriedade CSS text-fit

A propriedade text-fit dimensiona o tamanho da fonte dos nós de texto para se ajustar perfeitamente à largura da caixa que os contém.

Com essa propriedade, é possível garantir que os títulos ou o conteúdo dinâmico preencham o espaço horizontal disponível sem cálculos manuais de tamanho da fonte ou soluções alternativas complexas em JavaScript. Ele oferece uma solução robusta e nativa do CSS para tipografia responsiva que mantém o alinhamento visual em diferentes tamanhos de tela.

Focusgroup

O atributo focusgroup permite que você dê de forma declarativa aos widgets compostos navegação com as teclas de seta, uma parada de tabulação garantida e memória do último foco, substituindo scripts de tabindex móvel codificados manualmente.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

Implementa o valor border-area para a propriedade CSS background-clip. background-clip: border-area corta o plano de fundo de um elemento na área pintada pelos traços da borda, considerando border-width e border-style e ignorando a transparência de border-color.

Isso permite criar bordas gradientes diretamente em CSS sem precisar de soluções alternativas de border-image.

Leitura adicional

Isso abrange apenas alguns destaques importantes. Confira os links a seguir para mais mudanças no Chrome 150.

• Notas da versão do Chrome 150.
• Atualizações do ChromeStatus.com para o Chrome 150.
• Calendário de lançamentos do Chrome.

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo. Ou siga nosso perfil no X ou LinkedIn para ler novos artigos e postagens do blog.

Assim que o Chrome 151 for lançado, vamos contar tudo sobre as novidades do Chrome!