Vlastnost mřížky CSS
Příklad
Udělejte, aby „položka 1“ začínala na řádku 1 a rozkládala se na 2 řádcích:
.item1 {
grid-row: 1 / span 2;
}
Definice a použití
Vlastnost grid-row
určuje velikost a umístění položky mřížky v rozložení mřížky a je zkrácenou vlastností pro následující vlastnosti::
Výchozí hodnota: | auto / auto |
---|---|
Zděděno: | Ne |
Animovatelné: | Ano. Přečtěte si o tématu Animable |
Verze: | Modul rozložení mřížky CSS, úroveň 1 |
Syntaxe JavaScriptu: | object .style.gridRow="2 / rozpětí 2" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
grid-row | 57 | 16 | 52 | 10 | 44 |
Syntaxe CSS
grid-row: grid-row-start /
grid-row-end;
Hodnoty vlastností
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. |
Další příklady
Příklad
Místo počtu řádků můžete použít hodnoty řádků:
.item1 {
grid-row: 1 / 3;
}
Související stránky
CSS tutoriál: CSS Grid Layout