Attribut grid-auto-rows CSS

Définition et utilisation

L'attribut grid-auto-rows définit la taille des lignes dans le conteneur de grille.

Cette propriété n'affecte que les lignes non dimensionnées.

Voir également :

Tutoriel CSS :Mise en page en grille CSS

Manuel de référence CSS :Attribut grid-auto-columns

Exemple

Définir la taille par défaut des lignes dans la grille :

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Essayez-le vous-même

Syntaxe CSS

grid-auto-rows: auto|max-content|min-content|length;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. La taille de la ligne est déterminée par la taille du plus grand élément de la ligne.
max-content Définir la taille de chaque ligne en fonction de la taille du plus grand élément de la ligne.
min-content Définir la taille de chaque ligne en fonction de la taille du plus grand élément de la ligne.
length Définir la taille de la ligne en utilisant une valeur de longueur légitime. VoirUnité de longueur.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Réalisation des animations : Supporté. Voir également :Propriétés liées aux animations.
Version : Module de mise en page en grille CSS niveau 1
Syntaxe JavaScript : object.style.gridAutoRows="60px"

Support du navigateur

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

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