Modifiche alla sintassi del posizionamento degli ancoraggi

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à:

  1. Il nuovo nome di inset-area è position-area. Il gruppo di lavoro CSS ha preferito questa ridenominazione perché la formulazione position- ti aiuta a ricordare che questa proprietà viene applicata all'elemento posizionato, non all'elemento di ancoraggio. Questa modifica verrà introdotta in Chrome 129 e inset-area sarà supportata fino a Chrome 131 per darti il tempo di aggiornare eventuali demo o articoli.
  2. 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 e position-try-options non funziona più a partire dalla versione 128. Ti consigliamo di utilizzare la rappresentazione abbreviata (cambiandola in position-try), che funziona da Chrome 125 e non è cambiata.

È stata apportata anche un'altra modifica al comportamento:

  • La inset-area()sintassi funzionale verrà rimossa da position-try. Pertanto, utilizza position-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: