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

CSS grid column start span خاصية grid-column-start مع القيمة span في لغة CSS

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

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

لغة CSS

2,797 مشاهدة

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

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

تستخدم خاصية grid-column-start في لغة CSS والقيمة span لتحديد عدد الأعمدة أو عدد المربعات التي سوف يقوم بحجزها العنصر نسبة لحجم الأعمدة الأخري.

جرّب بنفسك

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

HTML

.one
{
  grid-column-start:span 4;
}

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

HTML

.one
{
  grid-column-start:span 2;
}

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

HTML

.nine
{
  grid-column-start:span 3;
}