CSS ankraj konumlandırması, Chrome 125 sürümünde kullanıma sunuldu. API'nin herkese açık olarak kullanıma sunulan ilk sürümü, söz dizimi hakkında ek tartışmalara yol açtı . Bu görüşmenin sonucunda, özellik kullanıma sunulduktan sonra bazı küçük değişiklikler yapıldı. CSS yer işareti konumlandırmayı daha önce denediyseniz bu gönderide, kodunuzda veya yer işareti konumlandırmayla ilgili içerikte yapmanız gereken değişiklikler açıklanmaktadır.
Dikkat etmeniz gereken iki temel mülk yeniden adlandırma işlemi vardır:
inset-area
,position-area
olarak yeniden adlandırıldı. CSS Çalışma Grubu,position-
ifadesi bu özelliğin ana öğeye değil, konumlandırılmış öğeye uygulandığını hatırlattığı için bu yeniden adlandırmayı tercih etti. Bu değişiklik Chrome 129'da başlayacak.inset-area
, sahip olduğunuz demoları veya makaleleri güncellemenize zaman tanımak için Chrome 131'e kadar desteklenecek.position-try-options
,position-try-fallbacks
olarak yeniden adlandırıldı. Bu yeniden adlandırma, bunların yalnızca temel stillerle belirlenen birincil konuma yönelik yedek seçenekler olduğunu hatırlamanıza yardımcı olur. Bu değişiklik, Chrome 128 ile birlikte kullanıma sunuldu veposition-try-options
, 128 sürümü itibarıyla artık çalışmıyor. Chrome 125 sürümünden itibaren çalışan ve değişmeyen kısaltmayı (position-try
olarak değiştirerek) kullanmanızı öneririz.
Ayrıca davranışla ilgili başka bir değişiklik de var:
inset-area()
İşlevsel söz dizimiposition-try
'dan kaldırılıyor. Bu nedenle,position-try-fallbacks: inset-area(top)
yerineposition-try-fallbacks: top
kullanın. Bu değişiklik, Chrome 129'da da uygulanmaya başlayacak.
Sabit konumlandırmayı kullanma hakkında daha fazla bilgiyi burada bulabilirsiniz: