CSS grid-column-start egenskap

Definition och användning

grid-column-start-attribut definierar där objektet börjar på en kolonnlinje.

Se också:

CSS-tutorial:CSS-grid-layout

CSS-referenshandbok:grid-column-attribut

CSS-referenshandbok:grid-column-end-attribut

CSS-referenshandbok:grid-row-start-attribut

CSS-referenshandbok:grid-row-end-attribut

Exempel

Låt "item1" börja från kolonn 2:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Objektet kommer att placeras med strömmen.
span n Bestämmer antalet kolonner som objektet kommer att korsa.
column-line Bestämmer från vilket kolonn att visa objektet.

Tekniska detaljer

Standardvärde: auto
Arv: Nej
Animeringsproduktion: Stöd. Se vidare:Animeringsrelaterade egenskaper.
Version: CSS Grid Layout Module Level 1
JavaScript-syntax: object.style.gridColumnStart="3"

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som helt stöder egenskapen.

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