خصائص grid-row-end CSS

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

يحدد خاصية grid-row-end عدد السطور التي سيتم قطع العنصر عبرها أو السطر الذي ينتهي فيه العنصر.

انظر إلى الأمام في الصفحة.

انظر أيضًا:

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

مثال

مثال 1

جعل "item1" يغطي ثلاثة سطور:

.item1 {
  grid-row-end: span 3;
}

جرب بنفسك

مثال 2

يمكنك استخدام قيمة الخط الأفقي بدلاً من عدد السطور التي سيتم قطعها.

.item1 {
  grid-row-end: 3;
}

جرب بنفسك

جافا سكربت sintaxis

grid-row-end: auto|row-line|span n;

قيمة الخاصية

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

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

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

دعم المتصفح

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

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