Atributo CSS grid-column-start

Definición y uso

El atributo grid-column-start define en qué línea de columna comenzará el elemento.

Vea también:

Tutorial de CSS:Diseño de rejilla CSS

Manual de referencia de CSS:Atributo grid-column

Manual de referencia de CSS:Atributo grid-column-end

Manual de referencia de CSS:Atributo grid-row-start

Manual de referencia de CSS:Atributo grid-row-end

Ejemplo

Hacer que "item1" comience en la columna 2:

.item1 {
  grid-column-start: 2;
}

Pruebe usted mismo

Sintaxis de CSS

grid-column-start: auto|span n|column-line;

Valor del atributo

Valor Descripción
auto Valor predeterminado. El elemento se colocará según el flujo.
span n Define el número de columnas que cruzará el elemento.
column-line Define desde qué columna comenzar a mostrar el elemento.

Detalles técnicos

Valor predeterminado: auto
Herencia: No
Producción de animación: Admite. Consulte:Propiedades relacionadas con la animación.
Versión: Módulo de diseño de rejilla CSS Grid Level 1
Sintaxis de JavaScript: object.style.gridColumnStart="3"

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