CSS Column Count
خاصية column-count في لغة CSS
سوف تتعلم في هذا الدرس خاصية column-count في لغة CSS ووظيفيتها وكيفية استخدامها مع عناصر حاوية Grid وجميع القيم الخاصة بها.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Column Count
خاصية column-count في لغة CSS
</>
CSS column count
خاصية column-count في لغة CSS
تستخدم خاصية column-count في لغة CSS لتحديد عدد الأعمدة لمحتوي الداخلي للعناصر التي تقوم بتقسيم الصفحة مثل [div,section] داخل صفحة HTML.
قيم خاصية column-count في لغة CSS:
- auto هي القيمة الأفتراضية والأعمدة داخل العنصر تتحدد بواسطة خصائص أخري أو بدون تحديد.
- number وهو رقم لتحديد أو تقسيم محتوي العنصر الداخلي لمجموعة أعمده أو عمود واحد.
CSS column-count syntax
طريقة كتابة خاصية column-count في لغة CSS.
column-count:value;
CSS column-count values
قيم خاصية column-count في لغة CSS.
column-count:number|auto|initial|inherit;
</>
CSS column count auto
خاصية column-count مع القيمة auto في لغة CSS
CSS column count auto
خاصية column-gap مع القيمة length في لغة CSS.
.item
{
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.8);
padding: 20px;
font-size: 30px;
text-align: center;
column-count:auto;
}
</>
CSS column count number
خاصية column-count مع القيمة number في لغة CSS
CSS column count number
خاصية column-count مع القيمة number في لغة CSS.
.item
{
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.8);
padding: 20px;
font-size: 30px;
text-align: center;
column-count:3;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
