Una Kravets
Mason Freed
Le positionnement de l'ancre CSS a été publié dans la version 125 de Chrome. Cette première version publique de l'API a déclenché des discussions supplémentaires sur la syntaxe . À la suite de cette discussion, de légères modifications ont été apportées depuis le lancement de la fonctionnalité. Si vous avez déjà essayé le positionnement de l'ancre CSS, cet article explique les modifications que vous devez apporter à votre code ou présente du contenu sur le positionnement de l'ancre.
Voici les deux types de changement de nom des propriétés principales que vous devez connaître:
inset-areaa été renomméposition-area. Ce changement de nom a été privilégié par le groupe de travail CSS, car la formulationposition-vous aide à vous rappeler que cette propriété est appliquée à l'élément positionné, et non à l'élément d'ancrage. Ce changement commencera dans Chrome 129.inset-areasera disponible jusqu'à Chrome 131 pour vous laisser le temps de mettre à jour vos démos ou articles.position-try-optionsa été renomméposition-try-fallbacks. Ce changement de nom vous aide à vous rappeler qu'il ne s'agit que de remplacements de la position principale, qui est déterminée par les styles de base. Cette modification a été appliquée avec Chrome 128.position-try-optionsne fonctionne plus à partir de la version 128. Nous vous recommandons d'utiliser le raccourci (en le remplaçant parposition-try), qui fonctionne à partir de Chrome 125 et n'a pas changé.
Autre changement de comportement:
- La syntaxe fonctionnelle
inset-area()est en cours de suppression deposition-try. Par conséquent, utilisezposition-try-fallbacks: topau lieu deposition-try-fallbacks: inset-area(top). Ce changement sera également appliqué à Chrome 129.
Pour en savoir plus sur l'utilisation du positionnement des points d'ancrage, consultez la page suivante: