CSS grid-auto-rows Ating Pagtutukoy

Definisyon at paggamit

Ang katangian ng grid-auto-rows ay nagtatakda ng sukat ng mga linya sa grid container.

Ang katangian na ito ay makakaapekto lamang sa mga linya na hindi naka-set na sukat.

Tingnan din:

Tuturuan ng CSS:CSS Grid Layout

Manwal ng CSS:grid-auto-columns katangian

Eksemplo

Itakda ang default na sukat ng linya sa grid:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Subukan nang personal na:

Mga pangkakatawan ng CSS

grid-auto-rows: auto|max-content|min-content|length;

Halaga ng katangian

Halaga Paglalarawan
auto Default na halaga. Ang sukat ng linya ay nasa desisyon ng sukat ng pinakamalaking proyekto sa linya.
max-content Itakda ang sukat ng bawat linya ayon sa pinakamalaking proyekto sa linya.
min-content Itakda ang sukat ng bawat linya ayon sa pinakamalaking proyekto sa linya.
length Itakda ang sukat ng linya sa pamamagitan ng paggamit ng lehitimong halaga ng sukat. Tingnan:Mga yunit ng sukat.

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 pangkakatawan ng JavaScript: object.style.gridAutoRows="60px"

Suporta ng Browser

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

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