خصائص grid-column-gap CSS

التعريف والاستخدام

خصائص grid-column-gap تعرف حجم فجوة العمود في تخطيط الشبكة.

انظر أيضًا إلى:

دليل تعليم CSSتخطيط الشبكة CSS

كتابة دليل CSSخصائص grip-gap

كتابة دليل CSSخصائص grip-row-gap

مثال

ضبط فجوة العمود إلى 50 بكسل:

.grid-container {
  grid-column-gap: 50px;
}

جرب بنفسك

قواعد اللغة CSS

grid-column-gap: length;

قيمة الخاصية

القيمة الوصف
length أي قيمة طولية قانونية، مثل البكسل أو المئة. القيمة الافتراضية هي 0. انظر إلى:وحدة الطول.

تفاصيل التقنية

القيمة الافتراضية: 0
الوراثة: لا
صنع التحرك: يدعم. انظر إلى:خصائص المتحرك.
الإصدار: مستوى 1 لمodule CSS Grid Layout
قواعد اللغة الجافا سكربت: object.style.gridColumnGap="50px"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44