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

CSS column count auto خاصية column-count مع القيمة auto في لغة CSS

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

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

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

الصف 1 شرح توضيحي
تستخدم خاصية column-count في لغة CSS مع القيمة auto وتكون الأعمدة داخل العنصر تتحدد بواسطة خصائص أخري أو بدون تحديد وهي القيمة الأفتراضية.

CSS column count auto

خاصية column-gap مع القيمة length في لغة CSS.

HTML
.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;
}