24 lines
1.9 KiB
Markdown
24 lines
1.9 KiB
Markdown
|
---
|
|||
|
|
title: CSS3 Multiple Columns
|
|||
|
|
localeTitle: CSS3 أعمدة متعددة
|
|||
|
|
---
|
|||
|
|
## CSS3 أعمدة متعددة
|
|||
|
|
|
|||
|
|
يعمل **تخطيط** CSS **متعدد الأعمدة** على _توسيع_ وضع _تخطيط الكتلة_ للسماح بالتعريف السهل لأعمدة متعددة من النص. يواجه الأشخاص صعوبة في قراءة النص إذا كانت الخطوط طويلة جدًا ؛ إذا استغرق الأمر وقتًا طويلاً حتى تنتقل العينان من نهاية السطر الأول إلى بداية المرحلة التالية ، فإنها تفقد مسار الخط الذي كانت عليه. لذلك ، لتحقيق أقصى استفادة من شاشة كبيرة ، يجب أن يكون للمؤلفين أعمدة ذات نص محدود العرض موضوعة جنبًا إلى جنب ، تمامًا كما تفعل الصحف.
|
|||
|
|
|
|||
|
|
للأسف ، لا يمكن إجراء ذلك باستخدام CSS و HTML بدون فرض فواصل الأعمدة على مواضع ثابتة ، أو تقييد العلامة التي يسمح بها النص بشكل كبير ، أو استخدام البرمجة النصية البطولية. يتم حل هذا القيد عن طريق إضافة خصائص CSS جديدة لتوسيع وضع تخطيط الكتلة التقليدي.
|
|||
|
|
|
|||
|
|
هناك العديد من الخصائص التي تتيح لك تخصيص تنسيق متعدد الأعمدة:
|
|||
|
|
|
|||
|
|
* العمود العد
|
|||
|
|
* العمود الفجوة
|
|||
|
|
* على غرار حكم العمود
|
|||
|
|
* العمود القاعدة العرض
|
|||
|
|
* العمود القاعدة لون
|
|||
|
|
* العمود القاعدة
|
|||
|
|
* العمود تمتد
|
|||
|
|
* عرض العمود
|
|||
|
|
|
|||
|
|
#### معلومات اكثر:
|
|||
|
|
|
|||
|
|
[هذه مقالة رائعة يمكنك](https://css-tricks.com/almanac/properties/c/columns/) قراءتها لفهم المزيد عن CSS3 Multiple Columns
|