انتقل إلى محتوى الدرس

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

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

1 صفوف تعليمية
لغة CSS
2,797 مشاهدة

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

الصف 1 شرح توضيحي
تستخدم خاصية grid-column-start في لغة CSS والقيمة column line لتحديد يبدأ عرض العنصر بداية من رقم line الخط الموجود بعد كل عمود.

CSS grid column start column line

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

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

CSS grid column start line four

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

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

CSS grid column start twelve

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

HTML
.nine
{
  grid-column-start:12;
}