Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/css/properties/grid-auto-columns below:

grid-auto-columns · WebPlatform Docs

Changes default size of columns. Creates implicit grid tracks when a grid item is placed into a row or column that is not explicitly sized (by grid-template-rows or grid-template-columns). This property (with grid-auto-rows) specifies the default size of such implicitly-created tracks.

Initial value

auto

Applies to

Grid containers

Inherited

No

Media

visual

Computed value

As specified

Animatable

No

CSS Object Model Property
:

Percentages

As specified

• grid-auto-columns: <track-size>

<track-size>

A space-separated track list specifying the line names and track sizing functions of the grid. See track sizing in specification for details.

/*
Grid item B is positioned in column 5.  This automatically generates four implicit columns (1-4) and one implicit row (2).
The implicit (auto) columns and rows are sized at 20px
using grid-auto-columns and grid-column-rows.
*/
<style type="text/css">
  #grid {
display: grid;
grid-auto-columns: 20px;
grid-auto-rows: 20px }
  #A { grid-column: 1;          grid-row: 1; }
  #B { grid-column: 5;          grid-row: 1 / span 2; }
  #C { grid-column: 1 / span 2; grid-row: 2; }
</style>

W3C Grid Layout Module

W3C Working Draft

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4