CSS grid-column-start eigenschap

Definitie en gebruik

De grid-column-start eigenschap definieert waar het item op de kolomlijn begint.

Zie ook:

CSS Handleiding:CSS Grid Layout

CSS Referentiemanual:grid-column eigenschap

CSS Referentiemanual:grid-column-end eigenschap

CSS Referentiemanual:grid-row-start eigenschap

CSS Referentiemanual:grid-row-end eigenschap

Voorbeeld

Maak "item1" beginnen bij kolom 2:

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

Probeer het zelf

CSS Syntax

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

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De items volgen de stroomweergave.
span n Bepaalt het aantal kolommen dat het item overbrugt.
column-line Bepaalt vanaf welke kolom de items worden weergegeven.

Technische details

Standaardwaarde: auto
Inherits: Nee
Animatiebeheer: Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS Grid Layout Module Level 1
JavaScript Syntax: object.style.gridColumnStart="3"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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