ادمج خط البداية العلوي وخط النهاية السفلي في سطر واحد مختصر عبر خاصية grid-row لبناء قوائم جانبية بكامل الارتفاع وبطاقات ممتدة بعدة صفوف وتموضع دقيق ثنائي الأبعاد.
3 صفوف تعليمية
لغة CSS
2,573 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
تعيد جميع خصائص الاختصار في CSS أي جزء محذوف منها إلى قيمته الافتراضية تلقائياً. فإذا كانت بطاقة تحمل سابقاً grid-row-end: span 3 ثم كتبتَ لاحقاً grid-row: 2 بدون شرطة مائلة، فسيعيد الاختصار خاصية grid-row-end ضمنياً إلى auto فينكمش ارتفاع البطاقة إلى صف واحد فوراً.
لذلك إذا أردت تعديل خط البداية وحده مع الحفاظ على تمدد سابق، استخدم الخاصية المفصلة grid-row-start: 2 أو صرّح بالطرفين معاً عبر grid-row: 2 / span 3.
الصف 2
ملاحظة هامة
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (خاصية grid-row مع Grid في لغة CSS)
