מאפיין grid

מאפיין הקיצור grid מאחד את כל ה-explicit grid properties (grid-template-rows/columns/areas) ואת ה-implicit grid properties (grid-auto-rows/columns/flow) בהצהרה אחת. לא מאפס את gap properties. כשמשתמשים ב-auto-flow זהו הקיצור המומלץ.

.grid { grid: auto 1fr / auto 1fr auto; }

.gallery { grid: auto-flow 200px / repeat(4, 1fr); }

noneכל המאפיינים מאופסים לערך הראשוני (ברירת המחדל).

auto-flowמילת מפתח שמפעילה את ה-implicit grid עם grid-auto-flow.

denseמילת מפתח שמופיעה עם auto-flow — מילוי צפוף של חורים.

min-contentגודל הטראק הוא הגודל המינימלי הנדרש לתוכן.

max-contentגודל הטראק הוא הגודל המקסימלי הנדרש לתוכן ללא גלישה.

autoגודל הטראק נקבע אוטומטית לפי התוכן והמרחב הפנוי.

auto-fillממלא את השורה/עמודה במספר מרבי של טראקים שמתאימים — כולל טראקים ריקים.

auto-fitממלא את השורה/עמודה במספר מרבי של טראקים שמתאימים — טראקים ריקים מכווצים לאפס.

subgridהגריד מאמץ את הטראקים של גריד ההורה במקום להגדיר טראקים משלו.

CSS Grid Layout Module Level 2