grid-auto-columns
The grid-auto-columns property specifies the width of implicitly created grid columns.
Formal Syntax
<track-size>+
JavaScript Access
// Access via element.style
element.style.gridAutoColumns = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| grid-auto-columns | 57 | 70 | 10.1 | 16 |
| auto | 57 | 52 | 10.1 | 16 |
| max-content | 57 | 52 | 11 | 16 |
| min-content | 57 | 52 | 11 | 16 |
Related Properties
- align-content
- align-items
- align-self
- anchor-name
- anchor-scope
- break-after
- break-before
- break-inside
- caption-side
- clear
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
- contain
- container
- container-name
- container-type
- content
- content-visibility
- display
- empty-cells
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- float
- gap
- grid
- grid-area
- grid-auto-flow
- grid-auto-rows
- grid-column
- grid-column-end
- grid-column-start
- grid-row
- grid-row-end
- grid-row-start
- grid-template
- grid-template-areas
- grid-template-columns
- grid-template-rows
- justify-content
- justify-items
- justify-self
- order
- overflow
- overflow-anchor
- overflow-block
- overflow-inline
- overflow-wrap
- overflow-x
- overflow-y
- place-content
- place-items
- place-self
- position-anchor
- position-area
- position-try
- position-try-fallbacks
- position-try-order
- position-visibility
- resize
- row-gap
- table-layout
- text-overflow
- visibility
- z-index
- reading-flow ๐งช
- reading-order ๐งช
- align-tracks ๐ง
- block-ellipsis ๐ง
- block-step ๐ง
- block-step-align ๐ง
- block-step-insert ๐ง
- block-step-round ๐ง
- block-step-size ๐ง
- bookmark-label ๐ง
- bookmark-level ๐ง
- bookmark-state ๐ง
- column-height ๐ง
- column-rule-break ๐ง
- column-rule-outset ๐ง
- column-wrap ๐ง
- continue ๐ง
- float-defer ๐ง
- float-offset ๐ง
- float-reference ๐ง
- flow-from ๐ง
- flow-into ๐ง
- grid-column-gap ๐ง
- grid-gap ๐ง
- grid-row-gap ๐ง
- inline-sizing ๐ง
- item-cross ๐ง
- item-direction ๐ง
- item-flow ๐ง
- item-pack ๐ง
- item-tolerance ๐ง
- item-track ๐ง
- item-wrap ๐ง
- justify-tracks ๐ง
- region-fragment ๐ง
- row-rule ๐ง
- row-rule-break ๐ง
- row-rule-color ๐ง
- row-rule-outset ๐ง
- row-rule-style ๐ง
- row-rule-width ๐ง
- rule ๐ง
- rule-break ๐ง
- rule-color ๐ง
- rule-outset ๐ง
- rule-overlap ๐ง
- rule-style ๐ง
- rule-width ๐ง
- wrap-after ๐ง
- wrap-before ๐ง
- wrap-flow ๐ง
- wrap-inside ๐ง
- wrap-through ๐ง
- page-break-after ๐๏ธ
- page-break-before ๐๏ธ
- page-break-inside ๐๏ธ