Bilingual Grid Areas Mirroringانعكاس مناطق الشبكة حسب الاتجاه
أعد تشكيل الهيكل المعماري الكامل لصفحات الويب الدلالية عبر شاشات الهاتف واللوحي والحاسوب بدمج مناطق الشبكة المسماة مع استعلامات الوسائط التصاعدية والانعكاس التلقائي لاتجاه اللغة العربية والإنجليزية.
3 صفوف تعليمية
لغة CSS
2,439 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
تبرز إحدى أقوى مزايا CSS Grid في المنصات ثنائية اللغة العربية والإنجليزية في الانعكاس التلقائي للمحور الأفقي. فعند كتابة السطر "nav main aside" توضع المنطقة الأولى nav عند حافة بداية القراءة، وتوضع المنطقة الثالثة aside عند حافة نهاية القراءة تلقائياً.
في الواجهة الإنجليزية ذات dir="ltr" تظهر قائمة nav يساراً وaside يميناً، وبمجرد التحويل إلى العربية dir="rtl" تنعكس الأعمدة الثلاثة فوراً فتستقر nav على اليمين وaside على اليسار دون تكرار سطر واحد داخل استعلامات @media! ويمكنك التحقق من حدود المناطق وأسمائها مباشرةً بالنقر على شارة grid في أدوات المطور وتفعيل خيار إظهار أسماء المناطق داخل لوحة Layout.
الصف 2
ملاحظة هامة
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (صفحات متجاوبة بنظام Grid في لغة CSS)
