CSS rasterrij- eigenschap
Voorbeeld
Laat "item1" beginnen op rij 1 en overspannen 2 rijen:
.item1 {
grid-row: 1 / span 2;
}
Definitie en gebruik
De grid-row
eigenschap specificeert de grootte en locatie van een rasteritem in een rasterlay-out en is een verkorte eigenschap voor de volgende eigenschappen::
Standaardwaarde: | auto auto |
---|---|
geërfd: | Nee |
Animeerbaar: | Ja. Lees over animeren |
Versie: | CSS-rasterlay-outmodule niveau 1 |
JavaScript-syntaxis: | object .style.gridRow="2 / span 2" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
grid-row | 57 | 16 | 52 | 10 | 44 |
CSS-syntaxis
grid-row: grid-row-start /
grid-row-end;
Eigendomswaarden
Value | Description |
---|---|
grid-row-start | Specifies on which row to start displaying the item. |
grid-row-end | Specifies on which row-line to stop displaying the item, or how many rows to span. |
Meer voorbeelden
Voorbeeld
U kunt rij-lijnwaarden gebruiken in plaats van het aantal rijen om te overspannen:
.item1 {
grid-row: 1 / 3;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-rasterlay-out