فقرة فرعية #2 من درس: خاصية grid-area مع grid في لغة CSS

CSS grid area values خاصية grid-area مع القيم في لغة CSS

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

1 صفوف تعليمية

لغة CSS

2,916 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تحديد بداية وحجم الخلية رقم واحد وهي تبدأ من صف line رقم 2 من عمود line رقم 1 وتحجز مساحة صفين ومساحة ثلاث أعمدة.

جرّب بنفسك

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

HTML

.one
{
grid-area: 2 / 1 / span 2 / span 3;
}

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

HTML

.four
{
grid-area: 2 / 3 / 5 / 6;
}