属性 CSS grid-row

Kauyawa da amfani

grid-row aiki na kiyasawa na saukar na kwayar wuri a cikin tasirin tsafta, wanda shine kiyasawa na matsakaici na wadannan aiki:

Kware:

Tuturu na CSS:CSS Grid Layout

Mai shirya

Mai shirya 1

Yan wuri "item1" a rufe 1 kuma yana gudana cikin rufe biyu:

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

Tushe ka fi gani:

Mai shirya 2

za a iya amfani da kiyasawa na rufe don wuri na rufe ake so:

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

Tushe ka fi gani:

Babban Yarabawa: CSS

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

Kiyasawa na matsakaici

Wurin Ba'a sifata:
grid-row-start Dabbobi: Tare da cewa wani kuma ko wuri a tsakiya ya kai zuwa rufe ko yana gudana cikin rufe.
grid-row-end Dabbobi: Tare da cewa wani kuma ko wuri a tsakiya ya kai zuwa rufe ko yana gudana cikin rufe.

Rarrabawar aikin

Dukiya: auto / auto
Yantare: No
Kware na animation: Tasirin. Kware:属性 na animation.
Tirar: CSS Grid Layout Module Level 1
Babban Yarabawa: JavaScript object.style.gridRow="2 / span 2"

Tasirin browsers

Tafarkiyyar din daga cikin na'urin browsers da ake ganin aiki wanda ya sani.

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