Propriété CSS grid-column-endProperty
Exemple
Définir "item1" pour qu'il s'étende sur 3 colonnes :
.item1 {
grid-column-end: span 3;
}
Essayez-le vous-même »
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version de navigateur qui prend entièrement en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| grid-column-end | 57 | 16 | 52 | 10 | 44 |
Définition de la propriété et instructions d'utilisation
La propriété grid-column-end définit le nombre de colonnes sur lesquelles un élément de grille s'étend, ou la colonne sur laquelle il se termine.
| Valeur par défaut : | auto |
|---|---|
| Héritée : | non |
| animation: | Pris en charge.En savoir plus suranimable Essayez-le vous-même |
| version : | Module de mise en page en grille CSS niveau 1 |
| Syntaxe JavaScript : | object.style.gridColumnEnd="5" Essayez-le vous-même |
Syntaxe
grid-column-end: auto|span n|column-line;
| Valeur | Description |
|---|---|
| auto | Valeur par défaut ; l'élément de grille s'étend sur une colonne. |
| span n | Spécifie le nombre de colonnes que l'élément de grille couvrira. |
| column-line | Spécifie sur quelle colonne l'élément de grille commence à être affiché. |
Exemple
Définit l'élément de grille pour qu'il se termine à la troisième colonne :
.item1 {
grid-column-end: span 3;
}
Essayez-le vous-même »
Articles connexes
Tutoriel CSS :CSS Grid Layout
Manuel de référence CSS :grid-columnPropriété
Manuel de référence CSS :grid-column-startPropriété
Manuel de référence CSS :grid-row-startPropriété
Manuel de référence CSS :grid-row-endPropriété
autres extensions