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