Atributo CSS grid-column-gap

Definición y uso

El atributo grid-column-gap define el tamaño del espacio entre columnas en el diseño de cuadrícula.

Vea también:

Tutorial de CSSCuadrícula CSS

Manual de referencia de CSSAtributo grip-gap

Manual de referencia de CSSAtributo grip-row-gap

Ejemplo

Establecer el espacio entre columnas en 50 píxeles:

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

Pruebe usted mismo

Sintaxis de CSS

grid-column-gap: length;

Valor del atributo

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

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 Cuadrícula CSS Nivel 1
Sintaxis de JavaScript: object.style.gridColumnGap="50px"

Compatibilidad del navegador

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

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