خصائص grid-column-start CSS

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

خصائص grid-column-start تحدد من أي خط عمودي يبدأ العنصر.

يرجى أيضًا الرجوع إلى:

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

كتابة دليل CSS:خصائص grid-column

كتابة دليل CSS:خصائص grid-column-end

كتابة دليل CSS:خصائص grid-row-start

كتابة دليل CSS:خصائص grid-row-end

مثال

لجعل "item1" يبدأ من العمود 2:

.item1 {
  grid-column-start: 2;
}

تجربة شخصية

قواعد اللغة CSS

grid-column-start: auto|span n|column-line;

قيمة الخاصية

القيمة الوصف
auto القيمة الافتراضية. سيكون العنصر معرضًا مع تدفق النص.
span n يحدد عدد الأعمدة التي سيتخطاها العنصر.
column-line يحدد من أي عمود يبدأ عرض العنصر.

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

القيمة الافتراضية: auto
الوراثة: لا
صنع التحريك: يدعم. يرجى الرجوع إلى:خصائص التحريك.
الإصدار: وحدة تصميم الشبكة CSS Grid Layout Level 1
قواعد اللغة الجافا سكربت: object.style.gridColumnStart="3"

دعم المتصفح

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

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