CSS grid-row-gap egenskap

Definition och användning

grid-row-gap egenskap definierar storleken på radintervallen i nätlayouten.

Se också:

CSS tutorial:CSS nätlayout

CSS referenshandbok:grip-gap egenskap

CSS referenshandbok:grip-column-gap egenskap

Exempel

Ställ in radintervallen till 50 pixlar:

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

Prova själv

CSS-syntaks

grid-row-gap: length;

Egenskapsvärde

Värde Beskrivning
length Valfri giltig längdindikator. Till exempel pixlar eller procent. Standardvärdet är 0.

Tekniska detaljer

Standardvärde: 0
Arv: Nej
Animeringsproduktion: Stöds. Se också:Animeringsrelaterade egenskaper.
Version: CSS Grid Layout Modul Nivå 1
JavaScript-syntaks: object.style.gridRowGap="50px"

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