Upgrades estáveis
aspect-ratio: aplica à força uma proporção a elementos como vídeos
object-fit: faz com que img ou outros elementos substituídos se comportem como contêineres para seu conteúdo, permitindo um redimensionamento semelhante a background-size
margin-inline: funciona como uma propriedade abreviada para definir as margens esquerda e direita em modos de escrita horizontais
Melhorias estáveis
text-underline-offset: controla a distância entre a linha de base do texto e o sublinhado
outline-offset: ajusta a distância entre o elemento e seu contorno
scroll-margin-top e scroll-margin-bottom: adicionam um deslocamento ao elemento em relação à posição de rolagem
color-scheme: pede ao navegador para renderizar elementos da interface em esquema claro ou escuro
accent-color: muda a cor de caixas de seleção e botões de opção
width: fit-content: "encolhe" o elemento para se ajustar ao tamanho do conteúdo
Melhorias progressivas
overscroll-behavior: altera o comportamento padrão em que a interação de rolagem é passada para a página de fundo quando a rolagem termina no elemento
text-wrap: usado para evitar palavras "órfãs" e equilibrar as linhas de texto
scrollbar-gutter: reserva espaço para a barra de rolagem no layout para evitar mudanças indesejadas de layout
5 comentários
O Tio Patinhas do século 21
-webkit-font-smoothing: antialiased;Você ainda dá suporte ao IE?
Já uso algumas, mas também tem várias que estou vendo pela primeira vez. +_+
Às vezes é uma pena o suporte dos navegadores, mas quando vejo o CSS mais recente, sinto que ele evoluiu muito.