The CSS Propertie grid-auto-columns

מאפיין grid-auto-columns קובע את הגודל של implicit columns — עמודות שנוצרות אוטומטית כש-grid items ממוקמים מחוץ ל-explicit grid. מקבל track-size אחד או יותר; אם יש כמה — הם חוזרים כדפוס.

.grid { grid-auto-columns: 100px; }

.gallery { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(160px, 1fr); }

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

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

autoהעמודה מוגדלת כדי להכיל את התוכן (ברירת המחדל).

min-contentהגודל המינימלי שמתאים לתוכן (לא נשבר).

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

minmax()טווח בין min ל-max. תחביר: minmax(100px, 1fr).

fit-content()מותאם לתוכן עד גודל מקסימלי. תחביר: fit-content(200px).

CSS Grid Layout Module Level 2

Editor's Draft

<length-percentage>

W3C MDN

Show all code

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

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

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

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

previous next