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 |