Menu Samaritan's Purse

GRID-AUTO-ROWS

The grid-auto-rows property specifies implicit grid tracks to hold a grid item positioned into a row that is not explicitly sized by grid-template-rows.

SYNTAX

CSS

grid-auto-rows: value;

JS

object.style.gridAutoRows = "value";

VALUES

<'grid-auto-rows'> = <track-size>+
<track-size> = <track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )
<track-breadth> = <length-percentage> | <flex> | min-content | max-content | auto
auto

Automatically specified by the user agent.

<flex>

A non-negative dimension with the unit fr specifying the track's flex factor.

<length-percentage> = [ <length> | <percentage> ]
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

max-content

Represents the largest max-content contribution of the items occupying the track.

min-content

Represents the largest min-content contribution of the items occupying the track.

minmax(min, max)

Defines a size range greater than or equal to min and less than or equal to max.

<inflexible-breadth> = <length-percentage> | min-content | max-content | auto
auto

Automatically specified by the user agent.

<length-percentage> = [ <length> | <percentage> ]
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

max-content

Represents the largest max-content contribution of the items occupying the track.

min-content

Represents the largest min-content contribution of the items occupying the track.

fit-content()

Represents the formula max(minimum, min(limit, max-content)), where minimum represents an auto minimum (which is often, but not always, equal to a min-content minimum), and limit is the track sizing function passed as an argument to fit-content(). This is essentially calculated as the smaller of minmax(auto, max-content) and minmax(auto, limit).

<length-percentage> = [ <length> | <percentage> ]
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

INITIAL

auto

EXAMPLES

AUTO

LENGTH

MAX-CONTENT

MIN-CONTENT

PERCENTAGE

JS

INTERNAL

grid

grid-auto-columns

grid-auto-flow

grid-template

grid-template-areas

grid-template-columns

grid-template-rows

EXTERNAL

World Wide Web Consortium (W3C)