Vlastnost CSS grid-column-start
Příklad
Nastavte „položku 1“ na začátek ve sloupci 2:
.item1 {
grid-column-start: 2;
}
Definice a použití
Vlastnost grid-column-start
určuje, na kterém řádku sloupce bude položka začínat.
Výchozí hodnota: | 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: | objekt .style.gridColumnStart="3" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
grid-column-start | 57 | 16 | 52 | 10 | 44 |
Syntaxe CSS
grid-column-start: auto|span n|column-line;
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
auto | Default value. The item will be placed following the flow | |
span n | Specifies the number of columns the item will span | |
column-line | Specifies on which column to start the display of the item |
Související stránky
CSS tutoriál: CSS Grid Layout
Odkaz CSS: Vlastnost sloupce mřížky
CSS reference: Vlastnost grid -column-end
CSS reference: Vlastnost grid -row-start
CSS reference: vlastnost grid-row-end