description & Usage
To determine the type of items in the grid layout, we use the grid-auto-flow property.
Informations
| # | Description |
|---|---|
| Default Value | row |
| Inherited | no |
| Animatable | yes |
| Version | CSS Grid Layout Module Level 1 |
| JavaScript syntax | object.style.gridAutoFlow="row dense" |
Browser compatibility and Support
| # | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| grid-auto-flow |
Syntax
Values
| Values | Description |
|---|---|
| row | Default |
| column | Divides items to fill all columns. |
| dense | Divides the items to fill all the holes. |
| row dense | Divides items to fill all rows. |
| column dense | Divides items to fill all columns. |