Omadus grid-auto-rows

Omadus grid-auto-rows määrab elementide poolt kaudses võres hõivatavate ridade arvu ja laiuse. Kaudne võre on võre, mis luuakse automaatselt, kui elemendid väljuvad juba määratletud võre piiridest. Omaduse väärtusena määrame ridade laiuse suvalistes mõõtühikutes mõõtude jaoks. Omadus määratakse vanemelemendis ja määrab lasteelementide ridade laiuse.

Süntaks

cssvalija {
  grid-auto-rows: rea_laius;
}

Näide

Määrame oma elementide ridade laiuse kaudses võres:

html<div id="parent">
  <div id="elem1">1</div>
  <div id="elem2">2</div>
  <div id="elem3">3</div>
  <div id="elem4">4</div>
  <div id="elem5">5</div>
</div>

css#parent {
  display: grid;
  grid-template-columns: 100px 200px;
  grid-auto-rows: 40px 60px 80px;
  border: 2px solid #696989;
  padding: 10px;
}
#parent > div {
  padding: 10px;
  border: 1px solid #696989;
}

Результат:

Vaata ka