The CSS Propertie grid-template

מאפיין הקיצור grid-template מאחד את grid-template-rows, grid-template-columns ו-grid-template-areas — כלומר את כל ה-explicit grid. תומך בתחביר "ASCII art" שמיישר את גודל ה-tracks לצד שמות האזורים.

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

.layout { grid-template: "head head" 60px "nav main" 1fr "foot foot" 40px / 200px 1fr; }

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

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

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

CSS Grid Layout Module Level 2

Editor's Draft

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next