CSS

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

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

التاريخ

18 نوفمبر 2022

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

520

المواضيع

24
الشروحات chevron_left CSS Grid Row chevron_left CSS
CSS Flex Box keyboard_arrow_down

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;
}
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات