English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص column-fill CSS تحدد كيفية تأثير تدفق المحتوى على طول الأعمدة في عنصر المحاور المتعددة. المحتوى في تصميم المحاور المتعددة متوازن، مما يعني أن المحتوى في جميع الأعمدة سيكون له نفس الارتفاع، أو في حالة استخدام القيمة auto، فقط سيشغل المساحة اللازمة لتلبية احتياجات المحتوى.
جدول التالي يوضح شرح الاستخدام و تاريخ الإصدارات لهذه الخاصية، بالإضافة إلى استخدامها في جملة الجافا سكربت.
| القيمة الافتراضية: | توازن |
|---|---|
| يُستخدم ل: | عناصر الأعمدة المتعددة |
| التوريث: | لا |
| يمكن تحريكه: | لا خصائص الرسوم المتحركة。 |
| الإصدار: | أداة CSS3 الجديدة |
| جملة الجافا سكربت: | object.style.columnFill="auto" |
جملة هذا الخصائص هي:
column-fill: auto | توازن | البداية | التوريث
المثال التالي يوضح كيفية استخدام خاصية column-fill.
p {
-moz-column-fill: auto; /* Firefox */
column-fill: auto;
}تجربة لمعرفة‹/›جدول التالي يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| الافتراضي | ملء الأعمدة بالترتيب، لجعل طول الأعمدة يمكن أن يكون مختلفًا، اعتمادًا على قيم خصائص الأعمدة الأخرى. |
| توازن | ملء الأعمدة بالترتيب، لتحقيق توازن في ارتفاع الأعمدة قدر الإمكان بناءً على قيم خصائص الأعمدة الأخرى. |
| البداية | ضع هذه الخاصية على قيمتها الافتراضية. |
| التوريث | إذا تم تحديد، فإن العناصر ذات الصلة تأخذ قيمة الخاصية column-fill الخاصة بالعنصر الأم. |
توافق متصفحات الـ column-fill الخاصية، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم هذه الخاصية؛ في الوقت الحالي، يدعم متصفح Firefox فقط هذه الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:تخطيط الأعمدة المتعددة في CSS3。
الخصائص ذات الصلة:عرض الأعمدة،فراغ الأعمدة،خط الأعمدة،عرض خط الأعمدة،نمط خط الأعمدة،لون خط الأعمدة،تغطية الأعمدة،عدد الأعمدة،الأعمدة。