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

Poistettu sisältö Lisätty sisältö
Hunsvotti (keskustelu | muokkaukset)
Hunsvotti (keskustelu | muokkaukset)
Rivi 41:
{{Clear}}
 
Merkinnällä <tt>repeat</tt> voi antaa saman leveyden useille sarakkeille. Merkinnälle annetaan ensimmäiseksi parametriksi toistojen määrä ja toiseksi sarakkeentoistettavat leveysleveydet. Siten
 
<syntaxhighlight lang="css">
Rivi 50:
 
vastaa merkintää
 
 
<syntaxhighlight lang="css">
elementti {
grid-template-columns: 3fr 3fr 3fr 3fr 3fr
}
</syntaxhighlight>
 
ja
 
<syntaxhighlight lang="css">
elementti {
grid-template-columns: repeat(2, 2fr 3fr);
}
</syntaxhighlight>
 
vastaa merkintää
 
<syntaxhighlight lang="css">
elementti {
grid-template-columns: 2fr 3fr 2fr
}
</syntaxhighlight>