Publicado: 14 de abril de 2026
Foi um mês agitado para a plataforma web! Em março de 2026, vários recursos poderosos ultrapassaram o limite de interoperabilidade para se tornarem Recentemente Disponíveis no Baseline, enquanto uma enorme onda de ferramentas estabelecidas atingiu o marco Amplamente Disponível.
O progresso deste mês destaca o incrível impulso da web. Desde controles avançados de layout e melhorias de internacionalização até redes de baixa latência e recursos sofisticados de streaming, a plataforma está se tornando mais capaz e robusta para desenvolvedores em todo o mundo.
Recursos básicos recentemente disponíveis
Os recursos a seguir tornaram-se interoperáveis em todos os mecanismos principais do navegador em março de 2026.
Família de fontes Math
O math valor para o font-family propriedade foi projetada especificamente para renderizar conteúdo matemático. Ele garante que os elementos MathML sejam exibidos usando fontes otimizadas para fórmulas matemáticas complexas, proporcionando melhor espaçamento e suporte de caracteres para documentos técnicos. Saiba mais sobre a família de fontes matemáticas no MDN
Iterator.concat()
Este novo método estático para iteradores permite que os desenvolvedores combinem vários iteráveis (como Arrays, Sets ou iteradores personalizados) em um único iterador. Isso simplifica o código que precisa processar sequências de dados consecutivamente sem aninhar loops manualmente ou criar matrizes intermediárias. Saiba mais sobre Iterator.concat() no MDN
Fluxos de bytes legíveis
A API Streams agora inclui suporte completo para fluxos de bytes legíveis. Eles são otimizados para lidar com dados binários, permitindo gerenciamento eficiente de memória lendo dados diretamente em buffers fornecidos pelo desenvolvedor. Isso é uma virada de jogo para aplicativos de desempenho crítico que lidam com arquivos grandes ou dados de rede. Saiba mais sobre fluxos de bytes legíveis no MDN
API de relatórios
A API de relatórios fornece um mecanismo de relatório genérico para que aplicativos da Web recebam notificações sobre erros e violações no nível do navegador, como violações da Política de Segurança de Conteúdo (CSP), descontinuações e relatórios de falhas. Ele centraliza esses relatórios, enviando-os para um endpoint específico para facilitar o monitoramento. Saiba mais sobre a API de relatórios no MDN
WebTransport
WebTransport é uma API moderna que fornece comunicação cliente-servidor bidirecional de baixa latência. Construído sobre HTTP/3, ele suporta transmissão confiável de dados e datagramas não confiáveis, tornando-o ideal para aplicações em tempo real, como jogos e streaming ao vivo. Saiba mais sobre WebTransport no MDN
text-indent: each-line declaração
O each-line palavra-chave para text-indent estende o recuo além da primeira linha de um bloco. Quando usado, recua a primeira linha, bem como qualquer linha após uma quebra de linha rígida (como um text-indent: each-line no MDN
text-indent: hanging declaração
O hanging palavra-chave inverte o comportamento de recuo padrão. Deixa a primeira linha de um bloco no início da linha enquanto recua todas as linhas subsequentes. Este é um requisito comum para bibliografias e estilos editoriais específicos. Saiba mais sobre text-indent: hanging no MDN
Recursos amplamente disponíveis de linha de base
Em março de 2026, esses recursos foram transferidos para o nível Amplamente disponível, o que significa que são interoperáveis há 30 meses e são seguros para uso na maioria dos ambientes de produção sem polyfills.
contain-intrinsic-size Propriedade CSS
Parte do módulo CSS Containment, contain-intrinsic-size permite que os desenvolvedores especifiquem um tamanho de espaço reservado para elementos que estão sob restrição de tamanho. Isso evita mudanças de layout quando o conteúdo é carregado ou oculto lentamente. Saiba mais sobre contain-intrinsic-size no MDN
@counter-style regra
O @counter-style A regra permite que os desenvolvedores definam numeração personalizada ou estilos de marcadores para listas. Isso vai muito além dos estilos decimais ou de disco padrão, permitindo marcadores de lista complexos, localizados ou puramente decorativos. Saiba mais sobre @counter-style no MDN
Eventos de orientação de dispositivo
Esses eventos fornecem dados do hardware do dispositivo, como giroscópio e acelerômetro. Os desenvolvedores podem usar essas informações para criar experiências imersivas que respondam ao movimento físico e à orientação do dispositivo do usuário.
Saiba mais sobre eventos de orientação de dispositivos no MDN
hyphenate-character Propriedade CSS
Esta propriedade permite definir o caractere usado no final de uma linha quando uma palavra é hifenizada. Embora um hífen padrão seja o padrão, essa propriedade fornece a flexibilidade para usar outros caracteres para requisitos específicos de design ou idioma. Saiba mais sobre o caractere hifenizado no MDN
hyphens Propriedade CSS
O hyphens controla como o navegador lida com a hifenização quando o texto é quebrado. Você pode configurá-lo para none, manual (usando hífens suaves) ou auto (permitindo que o navegador use seu próprio dicionário de hifenização). Saiba mais sobre o hyphens Propriedade CSS no MDN
image-set() Função CSS
O image-set() A função permite que o CSS forneça a imagem mais apropriada com base nas capacidades do dispositivo do usuário, como a resolução da tela. Funciona de forma semelhante ao srcset atributo para image-set() Função CSS no MDN
” tabindex=”-1″>
Essa relação de link permite que os desenvolvedores digam ao navegador para buscar e processar módulos JavaScript (e suas dependências) no início do processo de carregamento da página. Isso reduz o tempo gasto no caminho crítico e melhora o desempenho de aplicativos com módulos pesados. Saiba mais sobre no MDN
Estouro de consultas de mídia
O overflow-block e overflow-inline os recursos de mídia permitem consultar como o dispositivo lida com o conteúdo que ultrapassa a janela de visualização inicial. Isto é particularmente útil para personalizar estilos para diferentes tipos de dispositivos de exibição, como mídia paginada (impressoras) versus telas de rolagem contínua. Saiba mais sobre consultas de mídia overflow no MDN
navigator.storage
A API Storage fornece uma maneira de gerenciar e consultar a persistência e a cota de armazenamento de um site. Ele permite que os desenvolvedores verifiquem quanto espaço está disponível e solicitem que o navegador mantenha os dados persistentes em vez de limpá-los quando o armazenamento estiver baixo. Saiba mais sobre navigator.storage no MDN
update consulta de mídia
O update O recurso de mídia permite detectar com que frequência o dispositivo de saída é capaz de modificar a aparência do conteúdo. Isso ajuda a distinguir entre telas de atualização rápida (como smartphones) e telas estáticas ou de atualização lenta (como leitores de tinta eletrônica). Saiba mais sobre o update consulta de mídia no MDN
Subgrade CSS
Subgrid CSS é uma extensão poderosa do CSS Grid que permite que uma grade aninhada herde as definições de trilha (colunas e linhas) de sua grade pai. Isso torna significativamente mais fácil alinhar elementos em diferentes níveis da árvore DOM, resolvendo um desafio de layout de longa data. Saiba mais sobre a subgrade CSS no MDN
Rachel Andrew vai ao Web Day Out
No mês passado, Rachel Andrew, do Chrome, escreveu Olhe para o futuro da plataforma webque mencionou uma palestra que ela deu em Dia de folga na Web. A apresentação abordou o suporte do navegador—não apenas as metas da Linha de Base, mas como você pode decidir usar recursos que não atendem à sua meta da Linha de Base.
É uma boa palestra para ajudá-lo a entender como a disponibilidade de recursos interoperáveis varia de uma forma ou de outra com base na meta da linha de base que você escolher. Ao escolher um alvo posterior, você ganha mais recursos, mas ao custo de uma compatibilidade mais ampla. Pode fazer sentido pensar em definir sua meta de linha de base para se alinhar com o dia de lançamento do seu projeto, para que você não perca recursos que poderia usar com segurança no primeiro dia.
Escolher pragmaticamente uma meta de linha de base é uma boa coisa para conversar – e certamente recomendamos que você verifique A opinião de Rachel sobre isso). Quando você pensa nos alvos da linha de base como pontos no tempo, em vez de navegadores específicos, essa mentalidade ajuda você a tomar decisões que não são apenas “seguras” hoje, mas decisões que são mais inovadoras sobre recursos interoperáveis emergentes, mantendo um alto padrão de compatibilidade.
Adicionando status de linha de base a um site Eleventy
Stu Robson escreveu sobre como ele adicionou o componente web de status de linha de base ao seu site Eleventy mês passado. A postagem fornece alguns detalhes sobre o processo, incluindo como o componente é carregado condicionalmente para alguns artigos que tratam de recursos específicos da web. É uma excelente leitura se você documentar recursos da web em seu site, como usá-los e como sinalizar rapidamente aos leitores se esses recursos são interoperáveis.
É claro que o componente web de status da linha de base não está limitado ao Eleventy – é um componente web de código aberto isso é independente de qualquer estrutura ou gerador de site.
Opinião
Se houver um recurso que você está esperando e que não está no Baseline ou se você encontrou um problema com um dos recursos listados aqui, deixe-nos saber em nosso rastreador. Seu feedback nos ajuda a priorizar o trabalho que é mais importante para você.
