شرح صفوف ومحتوى الفقرة
تستخدم خاصية grid-template مع العناصر الداخلية لحاوية grid في لغة CSS لتختصر ثلاث خصائص وهم [grid-template-rows-grid-template-columns-grid-template-areas] في خاصية واحدة فقط.
قيم خاصية grid-template في لغة CSS:
- none وهي القمية الأفتراضية ويكون الأعمدة والصفوف ليس لها حجم محدد.
- grid-template-rows / grid-template-columns تحديد حجم للصفوف والأعمدة.
- grid-template-areas تحديد مساحات داخل حاوية grid عن طريق تسمية العناصر عن طريق تحديد أسماء.
CSS grid-template syntax
طريقة كتابة خاصية grid-template في لغة CSS.
HTML
grid-template:value;CSS grid-template values
قيم خاصية grid-template في لغة CSS.
HTML
grid-template:none|grid-template-rows / grid-template-columns|grid-template-areas|initial|inherit;