English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحدد خاصية column-count عدد الأعمدة في العنصر المتعدد الأعمدة.
الجدول التالي يوضح استخدام هذا الخصائص والسجلات التاريخية للإصدارات، بالإضافة إلى الجملة في لغة الجافاسكربت.
| القيمة الافتراضية: | auto |
|---|---|
| للاستخدام: | غير المعادلةالعناصر العمودية(استثناء العناصر الجداول)، الخلية الجداول وعناصر النص المدمج |
| التوريث: | لا |
| يمكن تحريكها: | . نعم.خصائص الرسوم المتحركة. |
| الإصدار: | ميزات CSS3 الجديدة |
| قواعد اللغة للجافا سكربت: | object.style.columnCount=5 |
قواعد اللغة للخصائص:
column-count: | auto | initial | inherit
المثال أدناه يوضح كيفية استخدام الخاصية column-count.
p {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}تجربة لمعرفة‹/›جدول أدناه يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| number | عدد صحيح، يتم استخدامه لتعيين عدد الأعمدة في العنصر المتعدد الأعمدة. إذاcolumn-widthإذا تم تعيين هذا إلى غير auto، فقد يشير إلى عدد الأعمدة القصوى المسموح به. |
| auto | عدد الأعمدة يتم تحديده بواسطة خصائص CSS أخرى، مثلcolumn-width. هذا هو القيمة الافتراضية. |
| initial | عند تعيين هذا الخصائص إلى قيمته الافتراضية. |
| inherit | إذا تم تحديد هذا، فإن العناصر ذات الصلة تستخدم قيمة الخاصية column-count للعنصر الوالدي. |
مستوى التطابق للمتصفحات للخصائص column-count، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم الخاصية؛ جميع المتصفحات الرئيسية تدعم هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:تخطيط العمود CSS3.
خصائص ذات صلة:column-width,column-gap,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-fill,columns.