The CSS Propertie grid-template-columns

מאפיין grid-template-columns מגדיר את העמודות של ה-grid — גדלים מפורשים, fr (fraction), repeat(), minmax(), ושמות קווים בסוגריים מרובעים [name].

.grid { grid-template-columns: 1fr 2fr 1fr; }

.grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

פחות:0 יותר:9999 צעד:10

יחידות:fr | px | % | em | rem

noneערך ברירת המחדל. אין הגדרה — עמודות אוטומטיות.

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

min-contentגודל מינימלי לתוכן.

max-contentגודל מקסימלי לתוכן.

subgridמאמץ את ה-track lines של ההורה (CSS Grid 2).

masonryפריסת masonry (ניסיוני).

repeat()repeat(N, ) — חזרה.

minmax()minmax(min, max) — טווח גודל.

fit-content()מתאים לתוכן עם גבול עליון.

CSS Grid Layout Module Level 2

Editor's Draft

<length-percentage>

Show all code