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. |