- Baseline : une ligne de base qui indique si une fonctionnalité de la plateforme web est prête à être utilisée dans les principaux navigateurs. Elle comporte 2 étapes (elle entre d’abord en Newly, puis devient Widely après 30 mois)
- Désormais, Baseline est aussi introduit sur le site Can I Use, avec des badges Newly/Widly affichés pour certaines fonctionnalités
- Requête de conteneur sur la taille des éléments
- Nouveaux espaces colorimétriques et nouvelles fonctions : accès à des couleurs hors de la gamme sRGB,
lch()/lab()/oklch()/oklab(), color-mix(), color()
- Compression Streams API
- Offscreen Canvas : rendu séparé du DOM. Amélioration des performances et prise en charge possible de WebWorker
- Prise en charge de Module Preload
- Les fonctions trigonométriques sont incluses dans la baseline :
sin(), cos(), tan(), asin(), acos(), atan(), atan2()
- Attribut
inert : lorsqu’il est défini, l’élément devient inerte et toute interaction est impossible (aucun événement click, ne peut pas recevoir le focus, exclu de l’arbre d’accessibilité)
- Prise en charge de Subgrid dans les mises en page CSS Grid
- NumberFormat V3
- Fullscreen API
- Sélecteur CSS
:has()
- Autres fonctionnalités ajoutées à Baseline cette année
- Constructable Stylesheets
- Sélecteurs
nth-child complexes en CSS
- Syntaxe d’intervalle pour les media queries
- Import Maps
- Valeurs multiples pour
display en CSS
@counter-style- Propriété CSS
counter-set
- Fonction d’easing
linear()
- Origin Private File System (OPFS)
- CSS Nesting, y compris le changement ajoutant un parsing plus souple
- Pseudo-classe CSS
:dir()
- Unité de longueur CSS
cap
- Masquage CSS
- Prise en charge des media queries pour les éléments HTML vidéo
<source>
- Élément HTML
<search>
- Chargement différé des éléments
<iframe> (arrive dans Firefox 121 le 19 décembre)
- Les unités CSS de hauteur de ligne
lh et rlh
2 commentaires
Je suis ravi qu’autant de super fonctionnalités aient été ajoutées à CSS.