Una Kravets
Mason Freed
Il posizionamento di ancoraggio CSS è stato rilasciato in Chrome 125. Questa prima versione disponibile pubblicamente dell'API ha attivato ulteriori discussioni sulla sintassi . A seguito di questa discussione, sono state apportate alcune lievi modifiche dal lancio della funzionalità. Se hai già provato il posizionamento degli ancoraggi CSS, questo post spiega le modifiche da apportare al codice o ai contenuti relativi al posizionamento degli ancoraggi.
Devi tenere presente due ridenominazioni di proprietà principali:
inset-areaè stato rinominato inposition-area. Questa ridenominazione è stata preferita dal gruppo di lavoro CSS perché la fraseposition-ti aiuta a ricordare che questa proprietà viene applicata all'elemento posizionato, non all'elemento di ancoraggio. Questa modifica inizierà in Chrome 129 einset-areasarà supportato fino a Chrome 131 per darti il tempo di aggiornare eventuali demo o articoli.position-try-optionsè stato rinominato inposition-try-fallbacks. La ridenominazione ti aiuta a ricordare che si tratta solo di elementi di riserva alla posizione principale, determinata dagli stili di base. Questa modifica viene fornita con Chrome 128, mentreposition-try-optionsnon funziona più a partire dalla versione 128. Ti consigliamo di utilizzare la forma abbreviata (cambiandola inposition-try), che funziona a partire da Chrome 125 e non è cambiata.
C'è anche un'ulteriore modifica del comportamento:
- È in corso la rimozione della
inset-area()sintassi funzionale daposition-try. Di conseguenza, utilizzaposition-try-fallbacks: topanzichéposition-try-fallbacks: inset-area(top). Questa modifica inizierà anche in Chrome 129.
Scopri di più sull'utilizzo del posizionamento degli ancoraggi qui: