Atributo CSS grid-row-start

Definição e uso

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

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

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

Exemplo

Faz com que "item1" comece na linha 2:

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

Experimente você mesmo

Sintaxe CSS

grid-row-start: auto|row-line;

Valor da propriedade

Valor Descrição
auto Valor padrão. O item seguirá a alinhamento do fluxo.
row-line Determina a partir de qual linha o item deve ser exibido.

Detalhes técnicos

Valor padrão: auto
Herança: Não
Produção de animação: Suportado. Veja:Propriedades relacionadas a animação.
Versão: Módulo de Layout de Grade CSS Grid Level 1
Sintaxe do JavaScript: object.style.gridRowStart="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