Proprietà CSS grid-column-start

Definizione e uso

La proprietà grid-column-start definisce in quale linea di colonna inizia l'elemento.

Vedi anche:

Tutorial CSS:Layout a griglia CSS

Manuale di riferimento CSS:Proprietà grid-column

Manuale di riferimento CSS:Proprietà grid-column-end

Manuale di riferimento CSS:Proprietà grid-row-start

Manuale di riferimento CSS:Proprietà grid-row-end

Esempio

Fai in modo che "item1" inizi dalla colonna 2:

.item1 {
  grid-column-start: 2;
}

Prova personalmente

Sintassi CSS

grid-column-start: auto|span n|column-line;

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. L'elemento seguirà la disposizione del flusso.
span n Determina il numero di colonne che l'elemento coprirà.
column-line Determina da quale colonna iniziare a visualizzare l'elemento.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: No
Produzione di animazioni: Supportato. Vedi:Proprietà correlate agli animazioni.
Versione: Modulo di Layout a Griglia CSS Livello 1
Sintassi JavaScript: object.style.gridColumnStart="3"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44