grid-row-start CSS propriété

Définition de la CSS grid-row-start.

La propriété de Grid CSS grid-row-start permet de spécifier la position du début de ligne d'un élément au sein de son conteneur Grid Css.

grid-row-start : auto;
grid-row-start : 5;
grid-row-start : Identifiant;
grid-row-start : span 3;

La propriété de feuille de style grid-row-start CSS peut prendre comme valeur de début de ligne :

• auto : sa position de début de ligne sera calculée automatiquement, équivaut à un span 1. Valeur par défaut.
• Entier : spécifie la position de début de la ligne à partir de la première ligne, si négatif spécifie la position de la ligne à partir de la dernière ligne. 0 est une valeur invalide.
• Identifiant : spécifie l'identifiant de ligne comme étant la position de début de la ligne de l'élément. Peut-être suivi du Entier qui identifie le N-ième identifiant à prendre.
  On cherche en premier un identifiant qui se nomme "Identifiant-start".
• span Entier : spécifie le nombre de lignes sur lesquelles l'élément doit s'étendre, à partir de sa position de début de ligne. Entier doit être supérieur à 0.
• span Identifiant : spécifie l'identifiant de la ligne jusqu'où l'élément doit s'étendre, à partir de sa position de début de ligne.

Exemple de code grid-row-start CSS

Conditions d'application de la CSS grid-row-start.

La propriété de feuille de style grid-row-start CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont un élément "Item Grid" d'un conteneur Grid de type display:[inline-]grid.

La valeur de la CSS grid-row-start peut être mise directement dans la propriété de raccourci CSS grid-row ou grid-area.

Héritage des valeurs Css de grid-row-start.

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

Conditions d'animation de grid-row-start en CSS3.

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