CSS ruudukko automaattiset rivit ominaisuus

Määrittely ja käyttö

grid-auto-rows ominaisuus asettaa verkkocontainerin rivien koon.

Tämä ominaisuus vaikuttaa vain kokoa ei asetettuihin riveihin.

Katso myös:

CSS opetusohjelma:CSS verkkoasettelu

CSS viittausopas:grid-auto-columns ominaisuus

Esimerkki

Aseta verkkojen rivien oletuskoko:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Rivin koko määräytyy suurimman kohteen koosta.
max-content Aseta jokaisen rivin koko suurimmasta kohteesta rivillä.
min-content Aseta jokaisen rivin koko suurimmasta kohteesta rivillä.
length Aseta rivien koko käyttämällä laillisia pituusarvoja. Katso:Pituusyksiköt.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation tekeminen: Tuki. Katso:Animaatiotunnukset.
Versio: CSS Grid Layout Module Level 1
JavaScript-kieli: object.style.gridAutoRows="60px"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan selaimen version kyseiselle ominaisuudelle.

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