خاصية صف شبكة CSS
مثال
اجعل "item1" يبدأ في الصف 1 ويمتد إلى صفين:
.item1 {
grid-row: 1 / span 2;
}
التعريف والاستخدام
تحدد الخاصية حجم grid-row
عنصر الشبكة وموقعه في تخطيط الشبكة ، وهي خاصية اختصار للخصائص التالية:
القيمة الافتراضية: | سيارة سيارة |
---|---|
وارث: | رقم |
متحرك: | نعم. اقرأ عن animatable |
الإصدار: | وحدة تخطيط شبكة CSS المستوى 1 |
بناء جملة JavaScript: | الكائن .style.gridRow = "2 / سبان 2" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
grid-row | 57 | 16 | 52 | 10 | 44 |
بنية CSS
grid-row: grid-row-start /
grid-row-end;
قيم الملكية
Value | Description |
---|---|
grid-row-start | Specifies on which row to start displaying the item. |
grid-row-end | Specifies on which row-line to stop displaying the item, or how many rows to span. |
مزيد من الأمثلة
مثال
يمكنك استخدام قيم سطر الصف بدلاً من أرقام الصفوف لتمتد:
.item1 {
grid-row: 1 / 3;
}
الصفحات ذات الصلة
دروس CSS: تخطيط شبكة CSS