الدرس 4 من 8
العربية والإنجليزية معًا
- 13 دقيقة
- 5 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
اتجاهان في صفحة
الشرح
الصفحة عربية، لكن الكود والروابط والأرقام لاتينية. وخلط الاتجاهين بلا ضبط يقلب الترقيم والنقاط إلى مواضع خاطئة.
القاعدة الأولى: dir="rtl" على الصفحة، وdir="ltr" على كل كتلة لاتينية بذاتها — الكود والروابط والمسارات.
القاعدة الثانية: الخصائص المنطقية. margin-inline-start تعني «من جهة البداية»، فتصير يمينًا في العربية ويسارًا في الإنجليزية بلا قاعدة ثانية. أما margin-left فتبقى يسارًا دائمًا وتكسر الاتجاه.
المطلوب
اضبط اتجاه كتلة الكود، ونسّق .note بخصائص منطقية: شريط على حافة البداية وحشو بعده.
معايير التصحيح
5 معايير- كتلة الكود اتجاهها ltr
- .note لها شريط على حافة البداية
- وحشو بعد الشريط
- الشريط على اليمين فعلًا في صفحة عربية
- الأنماط تستعمل الخصائص المنطقية لا left/right