- Baseline: uma linha de base que indica se um recurso da plataforma web está pronto para ser usado nos principais navegadores. São 2 etapas (entra como Newly e, após 30 meses, torna-se Widely)
- Agora o site Can I Use também adotou o Baseline, então em certos recursos aparecem os badges Newly/Widely
- Container Query por tamanho de elemento
- Novos espaços de cor e funções: possibilidade de acessar cores fora da gama sRGB,
lch()/lab()/oklch()/oklab(), color-mix(), color()
- Compression Streams API
- Offscreen Canvas: renderização separada do DOM. Melhora de desempenho e passa a permitir suporte a WebWorker
- Suporte a Module Preload
- Funções trigonométricas incluídas no baseline:
sin(), cos(), tan(), asin(), acos(), atan(), atan2()
- Atributo
inert: ao ser definido, impede movimentação e torna a interação impossível (não dispara evento de click, não pode receber foco, é excluído da árvore de acessibilidade)
- Suporte a Subgrid no layout CSS Grid
- NumberFormat V3
- Fullscreen API
- Seletor CSS
:has()
- Outros recursos adicionados ao Baseline este ano
- Constructable Stylesheets
- Seletores
nth-child complexos em CSS
- Sintaxe de intervalo para media queries
- Import Maps
- Múltiplos valores para
display em CSS
@counter-style- A propriedade CSS
counter-set
- A função de easing
linear()
- Origin Private File System (OPFS)
- CSS Nesting, incluindo a mudança que adiciona parsing mais permissivo
- Seletor de pseudoclasse CSS
:dir()
- Unidade de comprimento
cap em CSS
- CSS masking
- Suporte a media query para elementos HTML de vídeo
<source>
- O elemento HTML
<search>
- Lazy loading de elementos
<iframe> (chegando ao Firefox 121 em 19 de dezembro)
- As unidades CSS de line-height
lh e rlh
2 comentários
Fico feliz que muitas funcionalidades incríveis tenham sido adicionadas ao CSS.