freeCodeCamp/guide/arabic/css/css3-multiple-columns/index.md

1.9 KiB

title localeTitle
CSS3 Multiple Columns CSS3 أعمدة متعددة

CSS3 أعمدة متعددة

يعمل تخطيط CSS متعدد الأعمدة على توسيع وضع تخطيط الكتلة للسماح بالتعريف السهل لأعمدة متعددة من النص. يواجه الأشخاص صعوبة في قراءة النص إذا كانت الخطوط طويلة جدًا ؛ إذا استغرق الأمر وقتًا طويلاً حتى تنتقل العينان من نهاية السطر الأول إلى بداية المرحلة التالية ، فإنها تفقد مسار الخط الذي كانت عليه. لذلك ، لتحقيق أقصى استفادة من شاشة كبيرة ، يجب أن يكون للمؤلفين أعمدة ذات نص محدود العرض موضوعة جنبًا إلى جنب ، تمامًا كما تفعل الصحف.

للأسف ، لا يمكن إجراء ذلك باستخدام CSS و HTML بدون فرض فواصل الأعمدة على مواضع ثابتة ، أو تقييد العلامة التي يسمح بها النص بشكل كبير ، أو استخدام البرمجة النصية البطولية. يتم حل هذا القيد عن طريق إضافة خصائص CSS جديدة لتوسيع وضع تخطيط الكتلة التقليدي.

هناك العديد من الخصائص التي تتيح لك تخصيص تنسيق متعدد الأعمدة:

  • العمود العد
  • العمود الفجوة
  • على غرار حكم العمود
  • العمود القاعدة العرض
  • العمود القاعدة لون
  • العمود القاعدة
  • العمود تمتد
  • عرض العمود

معلومات اكثر:

هذه مقالة رائعة يمكنك قراءتها لفهم المزيد عن CSS3 Multiple Columns