CSS grid-auto-rows egenskab

Definition og brug

grid-auto-rows-egenskab indstiller størrelsen på rækker i netværkscontaineren.

Denne egenskab påvirker kun rækker, der ikke er sat til en størrelse.

Se også:

CSS tutorial:CSS grid layout

CSS reference manual:grid-auto-columns-egenskab

Eksempel

Indstil standardstørrelsen for rækker i netværket:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Prøv det selv

CSS-syntaks

grid-auto-rows: auto|max-content|min-content|length;

Egenskabsværdi

Værdi Beskrivelse
auto Standardværdi. Rækkeens størrelse bestemmes af størrelsen på den største element i rækken.
max-content Indstil rækkeens størrelse baseret på den største element i rækken.
min-content Indstil rækkeens størrelse baseret på den største element i rækken.
length Indstil rækkeens størrelse ved hjælp af gyldige længdeværdier. SeLængdeenhed.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation produceret: Understøttet. Se også:Animationsegenskaber.
Version: CSS Grid Layout Module Level 1
JavaScript-syntaks: object.style.gridAutoRows="60px"

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne egenskab.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44