خصائص grid-row CSS
- الصفحة السابقة grid-gap
- الصفحة التالية grid-row-end
التعريف والاستخدام
يحدد خاصية grid-row حجم العنصر في الشبكة وكيفية تواجده في تخطيط الشبكة، وهي اختصار للعديد من الخصائص التالية:
يرجى الرجوع أيضًا إلى:
دليل CSS:تخطيط الشبكة CSS
مثال
مثال 1
جعل "item1" يبدأ في السطر 1 ويغطي سطرين:
.item1 {
grid-row: 1 / span 2;
}
مثال 2
يمكنك استخدام قيمة الخط بدلاً من عدد السطور التي تغطيها:
.item1 {
grid-row: 1 / 3;
}
جملة CSS
grid-row: grid-row-start / grid-row-end;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| grid-row-start | يحدد من السطر يبدأ عرض العنصر. |
| grid-row-end | يحدد أين يتوقف عرض العنصر على الخط أو يغطي عدد من السطور. |
تفاصيل التقنية
| القيمة الافتراضية: | auto / auto |
|---|---|
| الوراثة: | لا |
| إنتاج الرسوم المتحركة: | يدعم. يرجى الرجوع إلى:خصائص الرسوم المتحركة. |
| الإصدار: | مستوى 1 لمodule CSS Grid Layout |
| جافا سكربت الجملة: | object.style.gridRow="2 / span 2" |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الأوائل الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- الصفحة السابقة grid-gap
- الصفحة التالية grid-row-end
