Una Kravets
Mason Freed
El posicionamiento de los anclajes de CSS se lanzó en Chrome 125. Esta primera versión de la API disponible públicamente desencadenó debates adicionales sobre la sintaxis . Como resultado de ese debate, se produjeron pequeños cambios desde el lanzamiento de la función. Si ya probaste el posicionamiento de las anclas de CSS, en esta publicación se explican los cambios que debes realizar en tu código o en el contenido sobre el posicionamiento de las anclas.
Hay dos cambios de nombre de propiedades principales que debes tener en cuenta:
- El nombre de
inset-areacambió porposition-area. El grupo de trabajo de CSS optó por este cambio de nombre porque la redacción deposition-te ayuda a recordar que esta propiedad se aplica al elemento posicionado, no al elemento de anclaje. Este cambio comenzará en Chrome 129, y se admitiráinset-areahasta Chrome 131 para que tengas tiempo de actualizar las demostraciones o los artículos que tengas. - El nombre de
position-try-optionscambió porposition-try-fallbacks. Este cambio de nombre te ayuda a recordar que estos son solo resguardos de la posición principal, que está determinada por los estilos base. Este cambio se envió con Chrome 128, yposition-try-optionsya no funciona a partir de la versión 128. Te recomendamos que uses la abreviatura (cambia aposition-try), que funciona desde Chrome 125 y no se modificó.
También hay un cambio de comportamiento adicional:
- Se quitará la sintaxis funcional
inset-area()deposition-try. Por lo tanto, usaposition-try-fallbacks: topen lugar deposition-try-fallbacks: inset-area(top). Este cambio también comenzará en Chrome 129.
Obtén más información sobre cómo utilizar el posicionamiento de anclajes aquí: