Bağlayıcı konumlandırma söz dizimi değişiklikleri

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:

  1. 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 ve inset-area, sahip olduğunuz demoları veya makaleleri güncellemeniz için size zaman tanımak amacıyla Chrome 131'e kadar desteklenir.
  2. 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 ve position-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 dizimi position-try etiketinden kaldırılıyor. Bu nedenle, position-try-fallbacks: inset-area(top) yerine position-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: