Les dernières améliorations CSS en une seule ligne

Mises à niveau stables

• aspect-ratio : applique de force un ratio d’aspect à des éléments comme les vidéos
• object-fit : permet à une img ou à un autre élément remplacé de se comporter comme un conteneur pour son contenu, avec un redimensionnement similaire à background-size
• margin-inline : propriété raccourcie qui définit les marges gauche et droite dans les modes d’écriture horizontaux

Améliorations stables

• text-underline-offset : contrôle la distance entre la ligne de base du texte et le soulignement
• outline-offset : ajuste la distance entre l’élément et son contour
• scroll-margin-top et scroll-margin-bottom : ajoutent un décalage de l’élément pour la position de défilement
• color-scheme : demande au navigateur de rendre les éléments de son interface en mode clair ou sombre
• accent-color : change la couleur des cases à cocher ou des boutons radio
• width: fit-content : adapte l’élément à la taille de son contenu, en mode « shrink wrap »

Améliorations progressives

• overscroll-behavior : modifie le comportement par défaut qui transmet l’interaction de défilement à la page d’arrière-plan lorsque le défilement atteint la fin de l’élément
• text-wrap : sert à éviter les mots « orphelins » et à équilibrer les lignes de texte
• scrollbar-gutter : réserve un espace pour la barre de défilement dans la mise en page afin d’éviter des changements de layout indésirables

[pmc7777]

Le pingre du XXIe siècle

[anjin225]

-webkit-font-smoothing: antialiased;

[singed]

Vous prenez encore en charge IE ?

[kuroneko]

J’en utilise déjà certains, mais il y en a aussi que je découvre pour la première fois. +_+
C’est parfois frustrant quand la prise en charge des navigateurs laisse à désirer, mais quand on regarde les CSS les plus récentes, on se rend compte à quel point ça a progressé.