Propriété grid-row-start de CSS

Définition et utilisation

La propriété grid-row-start définit à partir de quelle ligne de grille l'élément commence.

Voir également :

Tutoriel CSS :Mise en page en grille CSS

Manuel de référence CSS :Propriété grid-column

Manuel de référence CSS :Propriété grid-column-end

Manuel de référence CSS :Propriété grid-row

Manuel de référence CSS :Propriété grid-row-end

Exemple

Faire commencer "item1" à la ligne 2 :

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

Essayer vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. Les éléments suivront la position du flux.
row-line Définit à partir de quel rang afficher l'élément.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Création d'animation : Supporté. Voir :Propriétés liées aux animations.
Version : Module de mise en page en grille CSS niveau 1
Syntaxe JavaScript : object.style.gridRowStart="3"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

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