grid-row-end CSS propriété

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

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

Exemple de syntaxe CSS grid-row-end :

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

La propriété de feuille de style grid-row-end CSS peut prendre comme valeur de fin de ligne :

auto : sa position de fin de ligne sera calculée automatiquement, équivaut à un span 1. Valeur par défaut.
Entier : spécifie la position de fin 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 fin 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-end".
span Entier : spécifie le nombre de lignes sur lesquelles l'élément doit s'étendre, à partir de sa position de fin 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-end CSS

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

La propriété de feuille de style grid-row-end 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-end peut être mise directement dans la propriété de raccourci CSS grid-row ou grid-area.

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

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

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

La CSS grid-row-end 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 grid-row-end.

Règles de position et d'intentifiant

Quand un identifiant est déclaré dans le grid-template-rows ou dans le grid-template-areas sans le suffixe -start ou -end, le navigateur va virtuellement générer un Identifiant-start et un Identifiant-end.
La recherche de l'Identifiant se fait dans les identifiants spécifiés dans grid-template-rows et dans grid-template-areas.
Si dans la propriété Css de grille grid-row-end vous spécifiez un identifiant avec ou sans suffixe -end, alors le navigateur cherche en premier un identifiant qui se nomme explicitement ou virtuellement "Identifiant-end".

Compatibilités navigateurs de la propriété grid-row-end

Détails des versions de la CSS grid-row-end: Propriété grid-row-end est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS grid-row-end: Propriété CSS grid-row-end est compatible à partir de Chrome 57; Propriété CSS grid-row-end est compatible à partir de Firefox 52; Propriété CSS grid-row-end est compatible à partir de Internet Explorer ou Edge 16; Propriété CSS grid-row-end est compatible à partir de Opera 44; Propriété CSS grid-row-end est compatible à partir de Safari 10.1; Propriété CSS grid-row-end est compatible à partir de Chrome Android 57; Propriété CSS grid-row-end est compatible à partir de Firefox Android 52; Propriété CSS grid-row-end est compatible à partir de iOS Safari 10.3

Votre avis sur la définition grid-row-end en CSS

Votez pour la définition CSS `grid-row-end`

Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.

Définitions annexes à la Css grid-row-end

Définitions CSS annexes grid-row-end

grid-area: La propriété de Grid CSS GRID-AREA est raccourci qui permet de spécifier la position de début et de fin de colonne et la position de début et de fin d...[ grid-area ]
grid-row: La propriété de Grid CSS GRID-ROW est raccourci qui permet de spécifier la position de début et de fin de ligne d'un élément au sein de son conteneur ...[ grid-row ]
grid-template-areas: La propriété de Grid CSS GRID-TEMPLATE-AREAS permet de définir une grille explicite en spécifiant un identifiant à chaque colonne d'une ligne de grill...[ grid-template-areas ]
grid-template-rows: La propriété de Grid CSS GRID-TEMPLATE-ROWS permet définir une grille explicite en spécifiant la taille de chaque ligne de la grille Css au sein de le...[ grid-template-rows ]