خصائص الفجوة العمودية CSS column-gap
- الصفحة السابقة column-fill
- الصفحة التالية column-rule
التعريف والاستخدام
يحدد خاصية column-gap فاصل الأعمدة.
ملاحظة:إذا تم تعيين فاصل بين الأعمدة column-rule، سيتم عرضه في منتصف الفاصل.
انظر أيضًا:
دليل CSS3:مقالات CSS3 متعددة الأعمدة
دليل HTML DOM:خصائص columnGap
المثال
يحدد فاصل الأعمدة ك40 بكسل:
div {
column-gap: 40px;
}
هناك أمثلة أكثر في أسفل الصفحة.
الجملة CSS
column-gap: length|عادي;
قيمة الخاصية
| القيمة | الوصف | الاختبار |
|---|---|---|
| length | يحدد فاصل الأعمدة كطول محدد. | الاختبار |
| عادي | يحدد فاصل الأعمدة كفاصل عادي. يوصي W3C بمقدار 1em. | الاختبار |
تفاصيل التقنية
| القيمة الافتراضية: | عادي |
|---|---|
| التنسيخ: | لا |
| الإصدار: | CSS3 |
| جافا سكربت الجملة: | object.style.columnGap="40px" |
مزيد من الأمثلة
- Column-count
- يقسم النص داخل علامة div إلى ثلاثة أعمدة.
- Column-rule
- يحدد عرض النص بين الأعمدة وأسلوبهم وألوانهم.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.
الرقم الذي يحتوي على -webkit- أو -moz- يشير إلى إصدار الإشارة الأولي.
| خصائص | Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| في الأعمدة المتعددة | 50 | 10 | 52 | 10 | 37 |
| في الشبكة | 66 | 16 | 61 | 12 | 53 |
| في الإطار المروحي | 84 | 84 | 63 | 14.1 | 70 |
- الصفحة السابقة column-fill
- الصفحة التالية column-rule
