CSS grid-column-end 属性

Tinutukoy at Paggamit

Ang halaga ng grid-column-end katangian ay kung ilang linya ng column ang magiging tulay ng item, o kung sa anong linya ng column ang magtatapos ang item (column-line).

Tingnan ang halimbawa sa huli ng pahina.

Tingnan din:

Turog sa CSS:CSS Grid Layout

Mga Halimbawa

Halimbawa 1

Gawing tatlong linya ng column ang "item1":

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

Subukan ang sarili

Halimbawa 2

Maaari mong gamitin ang halaga ng column-line sa halip ng bilang ng column na magiging tulay:

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

Subukan ang sarili

Mga Tagalog ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
auto Default na halaga. Ang item ay magiging tulay ng isang linya ng column.
span n Tinutukoy kung ilang linya ng column ang magiging tulay ng item.
column-line Tinutukoy kung sa anong linya ng column ay titigil ang pagpapakita ng item.

Detalye ng Teknolohiya

Default na halaga: auto
Inherits: Hindi
Paggawa ng animasyon: Sumusuporta. Tingnan ang:Mga katangian ng animasyon.
Bersyon: CSS Grid Layout Module Level 1
Mga Tagalog ng JavaScript: object.style.gridColumnEnd="5"

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