CSS grid-row 属性

Paglilinang at paggamit

Ang grid-row property ay nagtatalaga ng sukat ng item ng grid at ang posisyon nito sa layout ng grid, ito ay isang paliwanag ng sumusunod na mga katangian:

Bilang karagdagan, tingnan ang:

Tuturo ng CSS:CSS Grid Layout

Halimbawa

Mga halimbawa 1

Huwagang "item1" magsimula sa linya 1 at nilipat ang dalawang linya:

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

Subukan nang sarili

Mga halimbawa 2

Maaari mong gamitin ang halaga ng linya para sa bilang ng mga linya na nililipat sa halip ng bilang ng mga linya:

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

Subukan nang sarili

Grammar ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
grid-row-start Tinutukoy kung mula sa anong linya ang pagpapakita ng item.
grid-row-end Tinutukoy kung saan mapapatigil ang pagpapakita ng item, o kung anong bilang ng mga linya na nililipat.

Detalye ng teknolohiya

Default na halaga: auto / auto
Inherits: Hindi
Gawa ng animasyon: Suportado. Tingnan ang:Mga katangian ng animasyon。
Bersyon: CSS Grid Layout Module Level 1
Grammar ng JavaScript: object.style.gridRow="2 / span 2"

Suporta ng browser

Ang mga numero sa talahanayan ay nagtatalaga ng unang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.

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