طريقة استخدام الخاصية column-gap في CSS3 ومثال

الخصائص المحددة من قبل column-gapCSS تحدد الفجوة بين كل عمود في عناصر الأعمدة المتعددة. إذا كان هناك فجوة بين العمودcolumn-rule،وسيظهر في منتصف الفجوة.

جدول التالي يوضح شرح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى استخدام هذه الخاصية في جمل نصية JavaScript.

جملة النص الخاص بـcolumn-gap

جملة النص الخاص بالخاصية هي:

column-gap:　　|　normal　|　initial　|　inherit

المثال التالي يوضح كيفية استخدام خاصية column-gap.

p　{
　　　　-webkit-column-gap:　50px;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-gap:　50px;　/*　Firefox　*/
　　　　　　　　　　　　column-gap:　50px;　
}

قيمة الخاصية

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

مستوى التطابق للمتصفحات

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

قراءة إضافية

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

الخصائص ذات الصلة:column-width،column-fill،column-rule،column-rule-width،column-rule-style،column-rule-color،column-span،column-count،الأعمدة。