Umieszczanie kotwicy w kodzie CSS zostało wprowadzone w Chrome 125. Ta pierwsza publicznie dostępna wersja interfejsu API wywołała dodatkowe dyskusje na temat składni . W wyniku tej dyskusji wprowadziliśmy od czasu wprowadzenia tej funkcji kilka drobnych zmian. Jeśli już próbowałeś(-aś) użyć pozycjonowania kotwicy w CSS, w tym poście znajdziesz informacje o tym, jakie zmiany musisz wprowadzić w kodzie, lub treści dotyczące pozycjonowania kotwicy.
Istnieją 2 główne powody zmiany nazwy usługi:
- Nazwa
inset-area
została zmieniona naposition-area
. Grupa robocza CSS preferowała tę zmianę nazwy, ponieważ sformułowanieposition-
pomaga pamiętać, że ta właściwość jest stosowana do elementu pozycjonowanego, a nie do elementu kotwicy. Ta zmiana zacznie obowiązywać w Chrome 129, ainset-area
będzie obsługiwana do Chrome 131, aby dać Ci czas na zaktualizowanie demo lub artykułów. - Nazwa
position-try-options
została zmieniona naposition-try-fallbacks
. Ta zmiana nazwy pomaga pamiętać, że są to tylko substytuty pozycji podstawowej, która jest określana przez style podstawowe. Ta zmiana została wprowadzona w Chrome 128, a w wersji 128 funkcjaposition-try-options
przestaje działać. Zalecamy używanie skrótu (zmienionego naposition-try
), który działa od wersji Chrome 125 i nie uległ zmianie.
Jest też jedna dodatkowa zmiana zachowania:
- Składnia funkcjonalna
inset-area()
zostanie usunięta z funkcjiposition-try
. Dlatego zamiastposition-try-fallbacks: inset-area(top)
używajposition-try-fallbacks: top
. Ta zmiana zostanie również wprowadzona w Chrome 129.
Więcej informacji o używaniu pozycji kotwicy: