Bağlayıcı konumlandırma söz dizimi değişiklikleri
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
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 ve inset-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 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:
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2024-09-04 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2024-09-04 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2024-09-04 UTC."]]