CSS grid-row-end ominaisuus

Määritelmä ja käyttö

grid-row-end-ominaisuus määrittää, kuinka monta riviä projekti kattaa, tai missä riviarvossa projekti päätyy.

Katso lopun esimerkit.

Katso myös:

CSS-opas:CSS-verkkosivuston asettelu

Esimerkki

Esimerkki 1

Näytä "item1" kolmella rivillä:

.item1 {
  grid-row-end: span 3;
}

Kokeile itse

Esimerkki 2

Voit käyttää riviarvoa korvata kattaman rivin määrän:

.item1 {
  grid-row-end: 3;
}

Kokeile itse

CSS-kieli

grid-row-end: auto|row-line|span n;

Omistusarvo

Arvo Kuvaus
auto Oletusarvo. Projekti kattaa yhden rivin.
span n Määrittää, kuinka monta riviä projekti kattaa.
column-line Määrittää, missä rivillä näyttää projekti loppuu.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation luominen: Tuki. Katso:Animaatiot.
Versio: CSS Grid Layout Module Level 1
JavaScript-kieli: object.style.gridRowEnd="4"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selkeästi tukevan selaimen version.

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