Atributo CSS grid-row-gap

Definición y uso

El atributo grid-row-gap define el tamaño del espacio entre filas en el diseño de la rejilla.

Vea también:

Tutorial de CSSCSS Grid Layout

Manual de referencia de CSSAtributo grip-gap

Manual de referencia de CSSAtributo grip-column-gap

Ejemplo

Establecer el espacio entre filas en 50 píxeles:

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

Intente hacerlo usted mismo

Sintaxis de CSS

grid-row-gap: length;

Valor del atributo

Valor Descripción
length Cualquier valor de longitud válido. Por ejemplo, píxeles o por ciento. El valor predeterminado es 0.

Detalles técnicos

Valor predeterminado: 0
Herencia: No
Producción de animación: Admite. Consulte:Propiedades relacionadas con la animación.
Versión: Módulo de Layout de CSS Grid Nivel 1
Sintaxis de JavaScript: object.style.gridRowGap="50px"

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

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