انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: الخصائص المنطقية في لغة CSS

Inline and Block Axes Model المحور السطري والمحور الكتلي

ابنِ واجهات عربية وإنجليزية متكيفة تلقائياً بملف أنماط واحد عبر الخصائص المنطقية للأبعاد والهوامش والحشوات والإطارات وتدوير الزوايا وإزاحات التموضع المرتبطة باتجاه تدفق النص.
2 صفوف تعليمية
لغة CSS
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تعتمد جميع الخصائص المنطقية على محورين قياسيين يتبعان حركة القراءة:

  • المحور السطري Inline Axis: يمتد بموازاة سطر الكلمات؛ فحافته الابتدائية inline-start تمثل اليمين في العربية rtl واليسار في الإنجليزية ltr، بينما تمثل حافته الختامية inline-end اليسار بالعربية واليمين بالإنجليزية.
  • المحور الكتلي Block Axis: يمتد باتجاه تتابع الفقرات؛ ففي الوضع الأفقي الافتراضي horizontal-tb توافق بداية الكتلة block-start الأعلى، وتوافق نهايتها block-end الأسفل في اللغتين معاً.
الصف 2 ملاحظة هامة

جميع فقرات هذا الدرس (الخصائص المنطقية في لغة CSS)