⭕ grid-template CSS Style Property

המאפיין grid-template הוא מאפיין קיצור של הנכסים הבאים:

רשת-תבנית-שורות
עמודות-תבנית-רשת
רשת-תבנית-אזורים

דוגמא: הגדרת תבנית גריד מלאה

Demo Panel:

Content

CSS: 111

HTML: 222

Syntax:

grid-template: none | grid-template-rows / grid-template-columns | grid-template-areas | initial | inherit;

Valid values:

Units: px

Js Syntax: element.style.gridTemplate

תאימות דפדפנים

grid-template
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
11px / auto auto auto	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
auto	❌	❌	❌	❌
header	❌	❌	❌	❌
menu	❌	❌	❌	❌
main	❌	❌	❌	❌
right	❌	❌	❌	❌
left	❌	❌	❌	❌
footer	❌	❌	❌	❌