شرح صفوف ومحتوى الفقرة
تعتمد أزرار الإغلاق وشارات الإشعارات العلوية على التموضع المطلق position: absolute داخل بطاقة نسبية position: relative. وعند تثبيت الشارة فيزيائياً بقاعدة right: 10px فإنها تصطدم بعنوان البطاقة العربي فور تحويل الاتجاه إلى dir="rtl".
تعالج عائلة inset المنطقية إزاحات التموضع بمرونة تامة:
- الإزاحة الكتلية
inset-block-startوinset-block-end: تحل محلtopوbottomفي الوضع الأفقي. - الإزاحة السطرية
inset-inline-startوinset-inline-end: تثبت الشارة في الزاوية الختامية عبرinset-inline-end: 10pxفتظهر أقصى اليمين بالإنجليزية وتنتقل تلقائياً لأقصى اليسار بالعربية. - المختصرات:
inset-blockوinset-inlineوالمختصر الشاملinset: 0لملء الحواف الأربع بقاعدة واحدة.