Perubahan sintaksis pemosisian anchor
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Pemosisian anchor CSS dirilis di Chrome 125. Versi API pertama yang tersedia secara publik ini memicu diskusi tambahan tentang sintaks . Sebagai hasil dari diskusi tersebut, ada beberapa perubahan kecil sejak fitur diluncurkan. Jika Anda sudah mencoba pemosisian anchor CSS, postingan ini menjelaskan perubahan yang perlu dilakukan pada kode Anda, atau konten tentang pemosisian anchor.
Ada dua penggantian nama properti utama yang harus Anda ketahui:
inset-area
diganti namanya menjadi position-area
. Penggantian nama ini lebih disukai oleh Kelompok Kerja CSS karena frasa position-
membantu Anda mengingat bahwa properti ini diterapkan ke elemen yang diposisikan, bukan elemen anchor. Perubahan ini akan dimulai di Chrome 129, dan inset-area
didukung hingga Chrome 131 agar Anda memiliki waktu untuk mengupdate demo atau artikel yang Anda miliki.
position-try-options
diganti namanya menjadi position-try-fallbacks
. Penggantian nama ini membantu Anda mengingat bahwa ini hanyalah penggantian ke posisi utama, yang ditentukan oleh gaya dasar. Perubahan ini dikirimkan dengan Chrome 128, dan position-try-options
tidak lagi berfungsi mulai versi 128. Sebaiknya gunakan singkatan (ubah menjadi position-try
), yang berfungsi dari Chrome 125, dan tidak berubah.
Ada juga satu perubahan perilaku tambahan:
- Sintaksis fungsi
inset-area()
sedang dihapus dari position-try
. Oleh karena itu, gunakan position-try-fallbacks: top
, bukan position-try-fallbacks: inset-area(top)
. Perubahan ini juga akan dimulai pada Chrome 129.
Pelajari lebih lanjut cara menggunakan pemosisian anchor di sini:
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2024-09-04 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2024-09-04 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-09-04 UTC."]]