row-gap CSS propriété

Définition de la CSS row-gap.

La propriété de gouttière CSS row-gap permet de spécifier l'espace minimal qui sépare chaque ligne au sein d'un container de type de Grid Css ou Flex Css.

Exemple de syntaxe CSS row-gap :
row-gap : normal;
row-gap : 20px;
row-gap : 5%;

La propriété de feuille de style row-gap CSS peut prendre comme valeur grille :

  • normal qui équivaux à 0px. Valeur par défaut.
  • numérique positif suivi d'une unité de longueur CSS (px ou ex ou em, etc...).
  • numérique positif suivi de % (pourcentage). La valeur est calculée en fonction de la valeur calculée de sa propriété CSS height du container.

Conditions d'application de la CSS row-gap.

La propriété de feuille de style row-gap CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont le container Grid Css (display:[inline-]grid), Flex Css (display:[inline-]flex).

La valeur de la CSS row-gap peut être mise directement dans la propriété de raccourci CSS .

Héritage des valeurs Css de row-gap.

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

Conditions d'animation de row-gap en CSS3.

La CSS row-gap est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Règles de syntaxes CSS pour row-gap.

align-content influence la propriété Css row-gap

La propriété Css peut ajouter un espacement supplémentaire à la valeur de row-gap.

Compatibilités navigateurs de la propriété row-gap

Propriétés CSS préfixées de row-gap

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété row-gap CSS :

Pour le container de type Grid Css (display:[inline-]grid) :
La première spécification W3c utilisait grid-row-gap.

Versions préfixées de row-gap:
grid-row-gap : 10px;
row-gap: 10px;

Votre avis sur la définition row-gap en CSS

Votez pour la définition CSS row-gap

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

Avis sur la page https://www.zonecss.fr/proprietes-css/row-gap-css.html Votes: 3 / 5 - 2 votes
Cliquez sur une étoile pour voter.