המאפיין grid-template-areas מציין אזורים בתוך פריסת הרשת.
ניתן לתת שם לפריטי רשת באמצעות המאפיין grid-area, ולאחר מכן התייחסות לשם במאפיין grid-template-areas.
כל אזור מוגדר על ידי אפוסתרופים. השתמש בסימן נקודה כדי להתייחס לפריט רשת ללא שם.
דוגמא: הגדרת אזורי גריד
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| none | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |