Una Kravets
Mason Freed
تم طرح موضع عنصر الربط في CSS في الإصدار 125 من Chrome. أدّى هذا الإصدار الأول من واجهة برمجة التطبيقات المتاحة للجميع إلى مناقشات إضافية حول بنية الجملة . نتيجةً لهذه المناقشة، تم إجراء بعض التغييرات الطفيفة منذ إطلاق الميزة. إذا سبق لك تجربة وضع علامات الربط في CSS، يوضّح هذا المنشور التغييرات التي يجب إجراؤها على الرمز البرمجي أو المحتوى المتعلق بوضع علامات الربط.
هناك نوعان رئيسيان من عمليات إعادة تسمية المواقع التي يجب الانتباه إليهما:
- تمت إعادة تسمية
inset-areaإلىposition-area. فضلت مجموعة عمل CSS إعادة التسمية هذه لأنّ الصياغةposition-تساعدك على تذكُّر أنّ هذه السمة تُطبَّق على العنصر الذي تم تحديد موضع له، وليس على عنصر الربط. سيبدأ هذا التغيير في الإصدار 129 من Chrome، وسيظلّinset-areaمتوافقًا حتى الإصدار 131 من Chrome لمنحك الوقت لتعديل أيّ نماذج تجريبية أو مقالات لديك. - تمت إعادة تسمية
position-try-optionsإلىposition-try-fallbacks. تساعدك عملية إعادة التسمية هذه في تذكُّر أنّ هذه العناصر هي مجرد عناصر احتياطية للموضع الأساسي الذي تحدّده الأنماط الأساسية. تم تضمين هذا التغيير في الإصدار 128 من Chrome، ولم يعُدposition-try-optionsيعمل اعتبارًا من الإصدار 128. ننصحك باستخدام الاختصار (تغييره إلىposition-try)، والذي يعمل من الإصدار 125 من Chrome، ولم يتغيّر.
هناك أيضًا تغيير سلوكي إضافي:
- تتم إزالة
inset-area()البنية الوظيفية منposition-try. لذلك، استخدِمposition-try-fallbacks: topبدلاً منposition-try-fallbacks: inset-area(top). سيبدأ هذا التغيير أيضًا في الإصدار 129 من Chrome.
يمكنك الاطّلاع على مزيد من المعلومات حول استخدام موضع العنصر الأساسي هنا: