انتقل إلى محتوى الدرس

Logical Text Align and Floats محاذاة النصوص بالبداية والنهاية

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

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

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

لا تقتصر المنطقية على أسماء الخصائص الجديدة، بل تمتد أيضاً إلى قيم محاذاة النصوص والطفو لضبط الجداول والنماذج والصور المرافقة للمقالات تلقائياً:

  • المحاذاة المنطقية text-align: start وtext-align: end: تحل محل left وright الصريحتين؛ فتضمن start محاذاة العناوين وخلايا الجداول مع بداية اللغة، وتضمن end محاذاة أعمدة الإجراءات والأزرار عند حافة النهاية.
  • الطفو والمسح المنطقي float: inline-start وfloat: inline-end مع clear: inline-start وclear: inline-end: تضع الصورة الرمزية للكاتب في بداية الفقرة يميناً بالعربية ويساراً بالإنجليزية تلقائياً.
الصف 2 ملاحظة هامة
الصف 3 ملاحظة هامة