Ero sivun ”CSS/Grid” versioiden välillä

Poistettu sisältö Lisätty sisältö
Hunsvotti (keskustelu | muokkaukset)
Hunsvotti (keskustelu | muokkaukset)
Rivi 85:
/* ... */
grid-template-columns: 2fr 3fr 2fr 3fr;
}
</syntaxhighlight>
 
Rivin korkeus määräytyy oletuksena rivillä olevan korkeimman elementin mukaan. Ominaisuudella <tt>grid-auto-rows</tt> voidaan asettaa rivin korkeus eksplisiittisesti. Arvoja voi antaa yhden, joka tulee tällöin kaikkien rivien korkeudeksi, tai luetella jokaiselle riville oman.
 
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-auto-rows: 100px;
}
</syntaxhighlight>
 
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-auto-rows: 50px 100px 75px;
}
</syntaxhighlight>
 
Funktiomerkinnällä <tt>minmax</tt> voi asettaa rivin minimi- ja maksimikorkeuden. Pelkän minimikorkeuden voi asettaa antamalla maksimikorkeudeksi <tt>auto</tt>.
 
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-auto-rows: minmax(100px, auto)
}
</syntaxhighlight>