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

CSS grid template rows columns خاصية grid-template مع القيمة rows و columns في لغة CSS

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

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

لغة CSS

2,651 مشاهدة

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

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

تستخدم خاصية grid-template في لغة CSS مع حاوية grid مع القيمة none لتحديد حجم محدد للصفوف والأعمدة.

جرّب بنفسك

خاصية grid-template مع القيمة rows columns في لغة CSS.

HTML

.grid-container
{
  display: grid;
  grid-template:200px 100px/auto auto 100px;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}