inset-block-start خاصية CSS منطقية تقابل top في أنظمة الكتابة الأفقية، مثل العربية والإنجليزية.

.badge {
  position: absolute;
  inset-block-start: 8px;   /* like top: 8px */
  inset-inline-end: 8px;    /* left in RTL, right in LTR */
}

لماذا خصائص منطقية؟

• block: اتجاه تتابع الأسطر (من أعلى لأسفل في العربية والإنجليزية).
• inline: اتجاه الكتابة داخل السطر (يمين لليسار في العربية).

مع inset-inline-end مثلًا، يذهب العنصر لليسار في الصفحة العربية ولليمين في الإنجليزية، دون تعديل CSS.

والاختصار inset: 0 يعادل top وright وbottom وleft معًا.