English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجع CSS

قواعد CSS @

مجلة خصائص CSS

استخدام خصائص column-span في CSS3 ومثال

خصائص column-span CSS تحدد عدد الأعمدة التي يغطيها عنصر في ترتيب الأعمدة المتعددة. يُطلق على العنصر الذي يغطي عدة أعمدة اسم العنصر المتعدد.

下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。

جدول التالي يوضح استخدام هذه الخاصية و تاريخ إصداراتها، بالإضافة إلى نص النحو لهذه الخاصية في سكربتات JavaScript.none
القيمة الافتراضية:للاستخدام في:
العناصر السباقية، الفloating و العناصر الموضوعة بشكل مطلق استثنائيةالوراثة:
لايمكن تحريكه:لا يرجى الرجوع إلى
خصائص التحريك الإصدار:
ميزات CSS3 الجديدةJavaScript.style.columnSpan="all"

نحو استخدام column-span

نص النحو لهذه الخاصية هو:

column-span: none | all | initial | inherit

في المثال التالي، يتم عرض كيفية استخدام خاصية column-span.

h1 {
    -webkit-column-span: all; /* Chrome, Safari, Opera */
            column-span: all; 
}
اختبر هذا‹/›

قيمة الخاصية

جدول التالي يصف قيم هذه الخاصية.

القيمةالوصف
noneالعنصر لا يتخطى الأعمدة المتعددة. هذا هو القيمة الافتراضية.
all

عنصر يتخطى جميع الأعمدة على الصفحة. يتم عرض جميع المحتويات التي تم إعلانها قبل العنصر في نفس المكان.

initialقم بتعيين هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العناصر ذات الصلة تأخذ قيمة الخاصية column-span من العنصر الأم.

تطابق المستعرضات

تطابق المستعرضات للخصائص column-span، الأرقام في الجدول التالي تمثل أحدث إصدار من المستعرضات التي تدعم هذه الخاصية؛ جميع المستعرضات الرئيسية تدعم هذه الخاصية.

  • Firefox 2+ -moz-

  • Google Chrome 4+ -webkit-

  • Internet Explorer 10+

  • Apple Safari 3.1+ -webkit-

  • Opera 11.1+ -o-،15+ -webkit-

قراءة متعمقة

يرجى الرجوع إلى التعليمات التالية:تخطيط الأعمدة في CSS3

الخصائص ذات الصلة:عرض الأعمدة،ملء الأعمدة،فرق بين الأعمدة،الحاجز بين الأعمدة،لون الحاجز بين الأعمدة،نمط الحاجز بين الأعمدة،عرض الحاجز بين الأعمدة،عدد الأعمدة،الأعمدة