Atributo CSS grid-column-start

Definição e uso

A propriedade grid-column-start define onde o item começará na linha de coluna.

Veja também:

Tutorial CSS:Layout de grade CSS

Manual de referência CSS:Propriedade grid-column

Manual de referência CSS:Propriedade grid-column-end

Manual de referência CSS:Propriedade grid-row-start

Manual de referência CSS:Propriedade grid-row-end

Exemplo

Faz com que "item1" comece na coluna 2:

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

Experimente você mesmo

Sintaxe CSS

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

Valor da propriedade

Valor Descrição
auto Valor padrão. O item seguirá a disposição do fluxo.
span n Define o número de colunas que o item cobrirá.
column-line Define a partir de qual coluna o item deve ser exibido.

Detalhes técnicos

Valor padrão: auto
Herança: Não
Produção de animação: Suporte. Veja:Propriedades relacionadas a animação.
Versão: Módulo de Layout de Grade CSS Grid Level 1
Sintaxe do JavaScript: object.style.gridColumnStart="3"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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