grid-column CSS propriété

grid-column : auto;
grid-column : auto / 2;
grid-column : 1 / 2;
grid-column : Identifiant / Identifiant;
grid-column : span 3 / 4;
grid-column : 4;

Propriétés CSS utilisées dans le raccourci grid-column.

Spécifier les propriétés de la colonne individuellement

Si vous ne voulez pas utiliser le raccourci de Grid Css grid-column, vous pouvez définir individuellement chaque propriété Css de la début ou fin de colonne Css d'un élément en utilisant une des propriétés de Grid CSS suivante :

• grid-column-start : définie le début de la colonne.
• grid-column-end : définie la fin de la colonne.

.identifiant{
  grid-column-start : 1;
  grid-column-end : 2; 
}

Règles de syntaxes CSS pour grid-column.

Règle d'écriture de grid-column

Les valeurs assignées à la propriété de Grid CSS grid-column doivent être séparées par un slash (/) et l'ordre a de l'importance.

grid-column : grid-column-start / grid-column-end

Vous pouvez mettre qu'une valeur, dans ce cas :

• si la valeur que vous avez mise est un Identifiant, alors ce dernier est aussi appliqué à la propriété de Grille Css grid-column-end.
• sinon, c'est cela revient à préciser un grid-column-end à auto

Compatibilités navigateurs de la propriété grid-column

Votre avis sur la définition grid-column en CSS