CSS grid-row-end eigenschap
Voorbeeld
Maak "item1" over 3 rijen:
.item1 {
grid-row-end: span 3;
}
Definitie en gebruik
De grid-row-end
eigenschap bepaalt hoeveel rijen een item zal beslaan, of op welke rijregel het item zal eindigen (zie voorbeeld aan het einde van deze pagina).
Standaardwaarde: | auto |
---|---|
geërfd: | Nee |
Animeerbaar: | Ja. Lees over animeren |
Versie: | CSS-rasterlay-outmodule niveau 1 |
JavaScript-syntaxis: | object .style.gridRowEnd="4" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
grid-row-end | 57 | 16 | 52 | 10 | 44 |
CSS-syntaxis
grid-row-end:
auto|row-line|span n;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
auto | Default value. The item will span one row. | |
span n | Specifies the number of rows the item will span. | |
row-line | Specifies on which row to end the display of the item. |
Meer voorbeelden
Voorbeeld
U kunt rij-lijnwaarden gebruiken in plaats van het aantal rijen om te overspannen:
.item1 {
grid-row-end: 3;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-rasterlay-out