CSS grid-row ominaisuus

Määrittely ja käyttö

grid-row-ominaisuus määrittää verkkopisteen koon ja sen sijainnin verkkoläpätysasennossa, ja se on seuraavien ominaisuuksien lyhennys:

Katso myös:

CSS-opas:CSS-verkkoläpätys

Esimerkki

Esimerkki 1

Aseta "item1" alkamaan riviltä 1 ja kattamaan kaksi riviä:

.item1 {
  grid-row: 1 / span 2;
}

Kokeile itse

Esimerkki 2

Voit käyttää rivihaaruarvoa korvata halutun riviäisen määrän:

.item1 {
  grid-row: 1 / 3;
}

Kokeile itse

CSS-kieli

grid-row: grid-row-start / grid-row-end;

Ominaisuusarvo

Arvo Kuvaus
grid-row-start Määritetään, mistä rivistä alkaa näyttää.
grid-row-end Määritetään, missä rivihaarassa näyttö loppuu, tai kuinka monta riviä se kattaa.

Tekninen yksityiskohta

Oletusarvo: auto / auto
Perintä: Ei
Animaation tekeminen: Tuki. Katso:Animaatiot。
Versio: CSS Grid Layout Module Level 1
JavaScript-kieli: object.style.gridRow="2 / span 2"

Selaimen tuki

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

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