The size of a single CSS Grid track (a column or a row), as used by
grid-template-columns, grid-template-rows, grid-auto-columns and grid-auto-rows.
A track size is a
single sizing function (e.g. 100px, 1fr, auto), a minmax(min, max) pair, or
fit-content(length). The layout of this struct mirrors the native GridTrackSize and
must stay blittable.
| Property | Description |
|---|---|
| isAutoFill | True when this track is a repeat(auto-fill, …) track. |
| isAutoFit | True when this track is a repeat(auto-fit, …) track. |
| isFitContent | True when this track is a fit-content() sizing function. |
| isMinmax | True when this track is a minmax() sizing function. |
| maxUnit | The maximum sizing unit (or the single unit for a plain track). |
| maxValue | The maximum sizing value (or the single value for a plain track). |
| minUnit | The minimum sizing unit. |
| minValue | The minimum sizing value. |
| Method | Description |
|---|---|
| Auto | An auto track. |
| FitContent | A fit-content(length) track. |
| Fraction | A flexible fr track. |
| MaxContent | A max-content track. |
| MinContent | A min-content track. |
| Minmax | A minmax(min, max) track. |
| Percent | A percentage track. |
| Pixels | A fixed pixel track. |
| RepeatAutoFill | A repeat(auto-fill, track) track. The repeat count is resolved from the container size. |
| RepeatAutoFit | A repeat(auto-fit, track) track: like auto-fill, but empty tracks collapse to 0. |