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

Poistettu sisältö Lisätty sisältö
Hunsvotti (keskustelu | muokkaukset)
Ei muokkausyhteenvetoa
Hunsvotti (keskustelu | muokkaukset)
Rivi 10:
</syntaxhighlight>
 
== Sarakkeiden määränleveyden asettaminen ==
[[File:CSS grid 3 columns 3fr 5fr 2fr.svg|thumb|Asettelu kolmeen sarakkeeseen, joiden koot ovat 3 osaa, 5 osaa ja 2 osaa.]]
 
Sarakkeiden määrän ja leveydet voi asettaa <tt>grid-template-columns</tt>-arvolla. Sarakkeiden määrä määrytyy arvojen määrän perusteella. Leveydet voi antaa absoluuttisina tai suhteellisina arvoina (prosentteina <tt>%</tt> tai osina kokonaismäärästä <tt>fr</tt>).
 
<syntaxhighlight lang="css">
Rivi 92:
elementti {
grid-auto-rows: minmax(100px, auto)
}
</syntaxhighlight>
 
== Rivien korkeuden asettaminen ==
Rivien korkeus asetetaan vastaavasti <tt>grid-template-rows</tt>-ominaisuudella.
 
<syntaxhighlight lang="css">
#grid {
grid-template-rows: 100px 200px 150px;
}
</syntaxhighlight>