O posicionamento de âncora CSS foi lançado no Chrome 125. Essa primeira versão da API disponível publicamente gerou outras discussões sobre a sintaxe . Como resultado dessa discussão, algumas mudanças sutis foram feitas desde o lançamento do recurso. Se você já tentou usar o posicionamento de âncora do CSS, esta postagem explica as mudanças que precisa fazer no código ou conteúdo sobre o posicionamento de âncora.
Há duas mudanças de nome de propriedade principais que você precisa conhecer:
inset-area
foi renomeado comoposition-area
. Essa renomeação foi preferida pelo grupo de trabalho do CSS porque a fraseposition-
ajuda a lembrar que essa propriedade é aplicada ao elemento posicionado, não ao elemento âncora. Essa mudança vai começar no Chrome 129, e oinset-area
vai ser compatível até o Chrome 131 para que você tenha tempo de atualizar as demonstrações ou artigos.position-try-options
foi renomeado comoposition-try-fallbacks
. Essa renomeação ajuda você a lembrar que esses são apenas substitutos da posição principal, que é determinada pelos estilos básicos. Essa mudança foi lançada com o Chrome 128, eposition-try-options
não funciona mais a partir da versão 128. Recomendamos que você use a abreviação (mudando paraposition-try
), que funciona no Chrome 125 e não mudou.
Há também outra mudança comportamental:
- A sintaxe funcional
inset-area()
está sendo removida deposition-try
. Portanto, useposition-try-fallbacks: top
em vez deposition-try-fallbacks: inset-area(top)
. Essa mudança também vai começar no Chrome 129.
Saiba mais sobre o uso do posicionamento de âncora: