grid-auto-flow CSS propriété

Définition de la CSS grid-auto-flow.

La propriété de Grid CSS grid-auto-flow permet de spécifier la manière dont doit être placé les "Grid item" qui ne sont pas explicitement placés dans leur conteneur Grid Css.

Exemple de syntaxe CSS grid-auto-flow :
grid-auto-flow : dense;
grid-auto-flow : row;
grid-auto-flow : row dense;
grid-auto-flow : column; 
grid-auto-flow : column dense;

La propriété de feuille de style grid-auto-flow CSS peut prendre une/des valeurs :

  • row : place les éléments en remplissant chaque colonne, en ajoutant de nouvelles colonnes si nécessaire. Valeur par défaut.
  • column : place les éléments en remplissant chaque ligne, en ajoutant de nouvelles lignes si nécessaire..
  • dense : place les éléments en remplissant pour avoir un effet plus dense.
    Peut s'utiliser seule ou en complément des deux valeurs ci-dessus.

Conditions d'application de la CSS grid-auto-flow.

La propriété de feuille de style grid-auto-flow CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont un conteneur Grid Css type display:[inline-]grid.

La valeur de la CSS grid-auto-flow peut être mise directement dans la propriété de raccourci CSS .

Héritage des valeurs Css de grid-auto-flow.

Les balises filles HTML ou XHTML n'héritent pas de la propriété de feuille de style grid-auto-flow.

Règles de syntaxes CSS pour grid-auto-flow.

Régle d'écriture de la Css grid-auto-flow

La propriété de feuille de style grid-auto-flow accepte soit une seule valeur ou
les combinaisons suivantes :

  • column dense
  • row dense

Compatibilités navigateurs de la propriété grid-auto-flow

Votre avis sur la définition grid-auto-flow en CSS

Votez pour la définition CSS grid-auto-flow

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/grid-auto-flow-css.html Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.