Pemosisi anchor CSS dirilis di Chrome 125. Versi API pertama yang tersedia secara publik ini memicu diskusi tambahan tentang sintaksis . Sebagai hasil dari diskusi tersebut, ada beberapa perubahan kecil sejak peluncuran fitur. Jika Anda sudah mencoba pemosisian anchor CSS, postingan ini menjelaskan perubahan yang perlu Anda buat pada kode, atau konten tentang pemosisian anchor.
Ada dua penggantian nama properti utama yang harus Anda ketahui:
inset-area
diganti namanya menjadiposition-area
. Penggantian nama ini lebih disukai oleh Grup Kerja CSS karena frasaposition-
membantu Anda mengingat bahwa properti ini diterapkan ke elemen yang diposisikan, bukan elemen anchor. Perubahan ini akan dimulai di Chrome 129, daninset-area
didukung hingga Chrome 131 untuk memberi Anda waktu guna memperbarui demo atau artikel yang Anda miliki.position-try-options
diganti namanya menjadiposition-try-fallbacks
. Penggantian nama ini membantu Anda mengingat bahwa ini hanyalah penggantian ke posisi utama, yang ditentukan oleh gaya dasar. Perubahan ini disertakan dengan Chrome 128, danposition-try-options
tidak lagi berfungsi mulai versi 128. Sebaiknya gunakan singkatan (ubah menjadiposition-try
), yang berfungsi dari Chrome 125, dan belum berubah.
Ada juga satu perubahan perilaku tambahan:
- Sintaksis fungsional
inset-area()
dihapus dariposition-try
. Oleh karena itu, gunakanposition-try-fallbacks: top
, bukanposition-try-fallbacks: inset-area(top)
. Perubahan ini juga akan dimulai di Chrome 129.
Pelajari lebih lanjut cara menggunakan pemosisian anchor di sini: