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

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

grid-column-end · WebPlatform Docs

Controls a grid item’s placement in a grid area as well as grid position and a grid span. The grid-column-end property (with grid-row-start, grid-row-end, and grid-column-start) determines a grid item’s placement by specifying the grid lines of a grid item’s grid area.

Initial value

auto

Applies to

Grid items

Inherited

No

Media

visual

Computed value

As specified

Animatable

No

CSS Object Model Property
:

Percentages

N/A

• grid-column-end: <grid-line>
• grid-column-end: <ident>
• grid-column-end: <integer> <ident>
• grid-column-end: auto
• grid-column-end: span [ <integer> or <ident>]

<grid-line>

Contributes a line, a span, or nothing (automatic) to the item’s row placement or column placement.

auto

The default property that does not alter the grid item’s placement.

<ident>

Specifies that the corresponding edge of the item’s grid area is the grid line at the before edge of the named grid area. If the named grid area doesn’t exist, this value is treated as ‘auto’ (computing either to ‘auto’ or ‘span 1’).

<integer> <ident>

Contributes a line to the placement by specifying the Nth grid line. (Negative integers are allowed, but zero is not; if <integer> is omitted, it defaults to 1.) If a name is given as an <ident>, only lines with that name are counted. If no line with that name exists, it instead specifies the first grid line (or the last, if <integer> is negative). If not enough lines of that name exist, it specifies the last such named line (or the first, if the <integer> is negative).

span [ <integer> or <ident>]

Contributes a grid span to the placement by specifying that the corresponding edge of the item’s grid area is N grid lines from the opposite edge of the item’s grid area. (Negative integers and zero are not allowed; if <integer> is omitted, it defaults to 1.) If a name is given as an <ident>, only lines with that name are counted. If no line with that name exists, the name is ignored. If not enough lines of that name exist, it spans to the last such named line.

grid-column-end: auto;


grid-column-end: "C";


grid-column-end: 2 "B";


grid-column-end: span 2;


grid-column-end: span "C";

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