grid-column-start CSS propriété

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

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

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

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

• auto : sa position de début sera calculée automatiquement, équivautà un span 1. Valeur par défaut.
• Numérique : spécifie la position de début de la colonne à partir de la première colonne, si négatif spécifie la position de la colonne à partir de la dernière colonne. 0 est une valeur invalide.
• Identifiant : spécifie la position de début de la colonne avec son identifiant. Peut-être suivi du Numérique qui identifie le N-ième identifiant à prendre.
  On cherche en premier un identifiant qui se nomme "Identifiant-start".
• span numerique : spécifie le nombre colonnes sur lesquelles l'élément doit s'étendre, à partir de sa position. numerique doit être supérieur à 0.
• span Identifiant : spécifie l'identifiant de la colonne jusqu'où l'élément doit s'étendre, à partir de sa position.
  Personnellement, je n'ai jamais réussi à le faire fonctionner.

Exemple de code grid-column-start CSS

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

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

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

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

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

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