خاصية grid-row مع grid في لغة CSS

في هذا الدرس 2تصفّح المواضيع

CSS grid row خاصية grid-row في لغة CSS

تستخدم خاصية grid-row لتحديد حجم ومكان العنصر بالنسبة للصفوف داخل حاوية grid في لغة CSS وهي بديلة لخاصية grid-row-start و grid-row-end.

قيم خاصية grid-row في لغة CSS:

طريقة كتابة خاصية grid-row في لغة CSS.

HTML

grid-row:value;

قيم خاصية grid-row في لغة CSS.

HTML

grid-row: grid-row-start / grid-row-end;

تستخدم خاصية grid-column-end في لغة CSS والقيمة auto ليتم انتهاء عرض العناصر تلقائياً وفقاً لوضعة داخل حاوية grid وهي القيمة الأفتراضية.

جرّب بنفسك

خاصية grid-row مع القيمة span في لغة CSS.

HTML

.one
{
grid-row:2/span 2;
}