22 pontos por xguru 2024-02-01 | 5 comentários | Compartilhar no WhatsApp

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

 
pmc7777 2024-02-04

O Tio Patinhas do século 21

 
anjin225 2024-02-01

-webkit-font-smoothing: antialiased;

 
[Este comentário foi ocultado.]
 
singed 2024-02-02

Você ainda dá suporte ao IE?

 
kuroneko 2024-02-01

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.