CSS Grid Column Start
خاصية grid-column-start في لغة CSS
سوف تتعلم في هذا الدرس خاصية grid-column-start في لغة CSS ووظيفيتها وكيفية استخدامها مع عناصر حاوية Grid وجميع القيم الخاصة بها.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Grid Column Start
خاصية grid-column-start في لغة CSS
</>
CSS Grid Column Start
خاصية grid-column-start في لغة CSS
تستخدم خاصية grid-column-start مع العناصر الداخلية لحاوية grid في لغة CSS لعرض العنصر في موضع معين يبدا من خط أو من عمود معين فيمكن اول عنصر يبدأ من تاني عمود أو تاني خط أو يحجز مساحة عمود أو أكثر.
قيم خاصية grid-column-start في لغة CSS:
- auto هي القيمة الأفتراضية ويتم عرض العناصر تلقائياً وفقاً لوضعة داخل حاوية grid.
- span تحديد عدد الأعمدة أو عدد المربعات التي سوف يقوم بحجزها العنصر نسبة لحجم الأعمدة الأخري.
- column-line تحديد يبدأ عرض العنصر بداية من رقم line الخط الموجود بعد كل عمود.
CSS grid-column-start syntax
طريقة كتابة خاصية grid-column-start في لغة CSS.
grid-column-start:value;
CSS grid-column-start values
قيم خاصية grid-column-start في لغة CSS.
grid-column-start:auto|span|column-line;
</>
CSS grid column start auto
خاصية grid-column-start مع القيمة auto في لغة CSS
CSS grid column start auto
خاصية grid-column-start مع القيمة auto في لغة CSS.
.one
{
grid-column-start:auto;
}
</>
CSS grid column start span
خاصية grid-column-start مع القيمة span في لغة CSS
CSS grid column start span
خاصية grid-column-start مع القيمة span في لغة CSS.
.one
{
grid-column-start:span 4;
}
CSS grid column start span two
خاصية grid-column-start مع القيمة span 2 في لغة CSS.
.one
{
grid-column-start:span 2;
}
CSS grid column start span three
خاصية grid-column-start مع القيمة span 3 في لغة CSS.
.nine
{
grid-column-start:span 3;
}
</>
CSS grid column start column line
خاصية grid-column-start مع القيمة column line في لغة CSS
CSS grid column start column line
خاصية grid-column-start مع القيمة column line في لغة CSS.
.one
{
grid-column-start:2;
}
CSS grid column start line four
خاصية grid-column-start مع القيمة four في لغة CSS.
.one
{
grid-column-start:4;
}
CSS grid column start twelve
خاصية grid-column-start مع القيمة 12 في لغة CSS.
.nine
{
grid-column-start:12;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
