CSS Grid Row
خاصية grid-row مع grid في لغة CSS
سوف تتعلم في هذا الدرس خاصية grid-row في لغة CSS ووظيفيتها وكيفية استخدامها مع عناصر حاوية Grid وجميع القيم الخاصة بها.
التاريخ
18 نوفمبر 2022
الدروس
137
المستوى
مبتدئ
اللغة
انجليزي
المشاهدات
897
المواضيع
24
CSS Grid Row
خاصية grid-row مع grid في لغة CSS
</>
CSS grid row
خاصية grid-row في لغة CSS
تستخدم خاصية grid-row لتحديد حجم ومكان العنصر بالنسبة للصفوف داخل حاوية grid في لغة CSS وهي بديلة لخاصية grid-row-start و grid-row-end.
قيم خاصية grid-row في لغة CSS:
- grid-row-start تحدد من أي صف يبدأ عرض العنصر.
- grid-row-end تحدد من أي صف ينتهي عرض العنصر.
CSS grid-row syntax
طريقة كتابة خاصية grid-row في لغة CSS.
grid-row:value;
CSS grid-row values
قيم خاصية grid-row في لغة CSS.
grid-row: grid-row-start / grid-row-end;
</>
CSS grid row span
خاصية grid-row مع القيمة span في لغة CSS
تستخدم خاصية grid-column-end في لغة CSS والقيمة auto ليتم انتهاء عرض العناصر تلقائياً وفقاً لوضعة داخل حاوية grid وهي القيمة الأفتراضية.
CSS grid row span
خاصية grid-row مع القيمة span في لغة CSS.
.one { grid-row:2/span 2; }