CSS grid-column-gap eigenschap

definitie en gebruik

De grid-column-gap eigenschap definieert de grootte van de kolomgaps in het grid-layout.

zie ook:

CSS handleiding:CSS grid layout

CSS referentiemanual:grip-gap eigenschap

CSS referentiemanual:grip-row-gap eigenschap

voorbeeld

stel de kolomgaps in op 50 pixels:

.grid-container {
  grid-column-gap: 50px;
}

probeer het zelf

CSS syntaxis

grid-column-gap: length;

eigenschapswaarde

waarde beschrijving
length elke geldige lengtewaarde, zoals pixels of procenten. De standaardwaarde is 0. Raadpleeglengte-eenheid.

technische details

standaardwaarde: 0
nabeschikking: nee
animatiegemaakt: ondersteund. Raadpleeg:animatiegerelateerde eigenschappen.
versie: CSS Grid Layout Module Level 1
JavaScript syntaxis: object.style.gridColumnGap="50px"

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