CSS grid-row-gap eigenschap

definitie en gebruik

De grid-row-gap eigenschap definieert de grootte van de rijgaps in het grid layout.

zie ook:

CSS handleiding:CSS grid layout

CSS referentiemanual:grip-gap eigenschap

CSS referentiemanual:grip-column-gap eigenschap

voorbeeld

stel de rijgaps van 50 pixels in:

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

probeer het zelf

CSS syntax

grid-row-gap: length;

eigenschapswaarde

waarde beschrijving
length elk geldig lengtegegeven. Bijvoorbeeld pixels of procenten. De standaardwaarde is 0.

technische details

standaardwaarde: 0
inheritance: nee
animatieproductie: ondersteund. Raadpleeg:animatiegerelateerde eigenschappen.
versie: CSS Grid Layout Module Level 1
JavaScript syntax: object.style.gridRowGap="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