grid-template-areas — styleditor.net

The CSS Propertie grid-template-areas

מאפיין grid-template-areas מגדיר "named grid areas" בתבנית של מחרוזות — כל מחרוזת מייצגת שורה ב-grid, וכל מילה במחרוזת מייצגת תא בעל שם. נקודות (.) מסמנות תאים ריקים. שמות זהים סמוכים יוצרים אזור אחד שמשתרע על מספר תאים.

.layout { grid-template-areas: "head head" "nav main" "foot foot"; }

.dashboard { display: grid; grid-template-areas: "sidebar header header" "sidebar main aside" "footer footer footer"; grid-template-columns: 200px 1fr 200px; }

noneאין אזורים בעלי שם — מסלולים נוצרים על-ידי grid-template-columns/rows (ברירת המחדל).

CSS Grid Layout Module Level 2

Editor's Draft

W3C MDN

Show all code