CSS grid-row-end 属性

Pagsasakop at Paggamit

Ang grid-row-end na katangian ay nagtutukoy kung ilang linya ang magiging tagapagpalibot ng proyekto, o kung saan magtatapos ang pagtatapos ng proyekto sa isang linya.

Mangyaring basahin ang mga halimbawa sa huling bahagi ng pahina.

Bilang karagdagan:

Tuturuan ng CSS:CSS Grid Layout

Halimbawa

Mga Halimbawa 1

Gawin ang "item1" na magtagapagpalibot ng tatlong linya:

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

Subukan nang sarili

Mga Halimbawa 2

Maaari mong gamitin ang halaga ng linya para sa lugar na dapat magtagapagpalibot ng linya:

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

Subukan nang sarili

Gramatika ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
auto Default na halaga. Ang proyekto ay magiging tagapagpalibot ng isang linya.
span n Tinutukoy kung ilang linya ang magiging tagapagpalibot ng proyekto.
column-line Tinutukoy kung saan magtatapos ang pagpapakita ng proyekto mula sa iyon panghuli.

Detalye ng teknolohiya

Default na halaga: auto
Inherency: Hindi
Gawain ng animasyon: Sumusuporta. Mangyaring basahin:Ating katangian ng animasyon。
Bersyon: CSS Grid Layout Module Level 1
Gramatika ng JavaScript: object.style.gridRowEnd="4"

Suporta ng Browser

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

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