Propriété grid-column-start CSS

Définition et utilisation

La propriété grid-column-start définit où le projet commence sur la ligne de colonne.

Voir également :

Tutoriel CSS :Mise en page en grille CSS

Manuel de référence CSS :Propriété grid-column

Manuel de référence CSS :Propriété grid-column-end

Manuel de référence CSS :Propriété grid-row-start

Manuel de référence CSS :Propriété grid-row-end

Exemple

Fait en sorte que "item1" commence à la colonne 2 :

.item1 {
  grid-column-start: 2;
}

Essayez-le vous-même

Syntaxe CSS

grid-column-start: auto|span n|column-line;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. Le projet se place suivant le flux.
span n Définit le nombre de colonnes que le projet couvrira.
column-line Définit à partir de quel colonne le projet commence à s'afficher.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Création d'animation : Supporté. Voir également :Propriétés liées aux animations.
Version : Module de mise en page en grille CSS niveau 1
Syntaxe JavaScript : object.style.gridColumnStart="3"

Support du navigateur

Les nombres dans le tableau indiquent la version la plus ancienne du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44