Chrome 125'te CSS sabit konumlandırması kullanıma sunulmuştur. API'nın herkese açık ilk sürümü, söz dizimi hakkında ek tartışmaları da tetikledi . Bu tartışmanın sonucunda, özellik lansmanından bu yana bazı küçük değişiklikler yapıldı. CSS çapa konumlandırmasını daha önce denediyseniz kodunuzda yapmanız gereken değişiklikler veya çapa konumlandırmasıyla ilgili içerik bu gönderide açıklanmıştır.
Mülkünüzü yeniden adlandırmanız gereken iki temel değişiklik vardır:
inset-area
,position-area
olarak yeniden adlandırıldı.position-
ifadesi bu özelliğin sabit öğeye değil, yerleştirilmiş öğeye uygulandığını hatırlamanıza yardımcı olduğundan bu yeniden adlandırma CSS Çalışma Grubu tarafından tercih edildi. Bu değişiklik Chrome 129 sürümünde başlayacak veinset-area
, sahip olduğunuz demoları veya makaleleri güncellemeniz için size zaman tanımak amacıyla Chrome 131'e kadar desteklenir.position-try-options
,position-try-fallbacks
olarak yeniden adlandırıldı. Bu yeniden adlandırma, bunların yalnızca temel stillerle belirlenen birincil konumun yedekleri olduğunu hatırlamanıza yardımcı olur. Bu değişiklik, Chrome 128 ile gönderildi veposition-try-options
, 128 sürümünden itibaren artık çalışmıyor. Chrome 125 sürümünden itibaren çalışan ve değişmemiş olan kısaltmayı (position-try
olarak değiştirmenizi) öneririz.
Davranışla ilgili bir değişiklik de söz konusu:
inset-area()
İşlev söz dizimiposition-try
etiketinden kaldırılıyor. Bu nedenle,position-try-fallbacks: inset-area(top)
yerineposition-try-fallbacks: top
kullanın. Bu değişiklik Chrome 129 sürümünde de başlayacaktır.
Sabit konumlandırmayı kullanma hakkında daha fazla bilgiyi buradan edinebilirsiniz: