Il posizionamento dell'ancora CSS è stato rilasciato in Chrome 125. Questa prima versione dell'API disponibile pubblicamente ha scatenato ulteriori discussioni sulla sintassi . In seguito a questa discussione, sono state apportate alcune piccole modifiche dal lancio della funzionalità. Se hai già provato il posizionamento dell'ancora CSS, questo post spiega le modifiche che devi apportare al codice o i contenuti relativi al posizionamento dell'ancora.
Devi tenere presente due principali rinominazioni delle proprietà:
- Il nuovo nome di
inset-area
èposition-area
. Il gruppo di lavoro CSS ha preferito questa ridenominazione perché la formulazioneposition-
ti aiuta a ricordare che questa proprietà viene applicata all'elemento posizionato, non all'elemento di ancoraggio. Questa modifica verrà introdotta in Chrome 129 einset-area
sarà supportata fino a Chrome 131 per darti il tempo di aggiornare eventuali demo o articoli. - Il nuovo nome di
position-try-options
èposition-try-fallbacks
. Questa ridenominazione ti aiuta a ricordare che si tratta solo di valori di riserva per la posizione principale, che viene determinata dagli stili di base. Questa modifica è stata introdotta in Chrome 128 eposition-try-options
non funziona più a partire dalla versione 128. Ti consigliamo di utilizzare la rappresentazione abbreviata (cambiandola inposition-try
), che funziona da Chrome 125 e non è cambiata.
È stata apportata anche un'altra modifica al comportamento:
- La
inset-area()
sintassi funzionale verrà rimossa daposition-try
. Pertanto, utilizzaposition-try-fallbacks: top
anzichéposition-try-fallbacks: inset-area(top)
. Questa modifica verrà introdotta anche in Chrome 129.
Scopri di più sull'utilizzo del posizionamento dell'ancora qui: