CSS grid-column-start egenskab

Definition og brug

grid-column-start egenskaben definerer, hvor elementet starter på en kolonnekant.

Se også:

CSS tutorial:CSS grid layout

CSS reference manual:grid-column egenskaben

CSS reference manual:grid-column-end egenskaben

CSS reference manual:grid-row-start egenskaben

CSS reference manual:grid-row-end egenskaben

Eksempel

Lad "item1" begynde fra kolonne 2:

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

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
auto Standardværdi. Elementet vil følge strømmen.
span n Angiver antallet af kolonner, elementet skal krydse.
column-line Angiver fra hvilket kolonne, elementet skal vises.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation produceret af: Understøttet. Se venligst:Animation-relaterede egenskaber.
Version: CSS Grid Layout Module Level 1
JavaScript-syntaks: object.style.gridColumnStart="3"

Browserstøtte

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

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