Propriété CSS grid-columns
Support des navigateurs
Aucun navigateur ne prend en charge actuellement grid-columns.
Définition et utilisation
La propriété grid-columns représente la largeur de chaque colonne dans la grille.
Conseil :L'utilisation du système de grille a une grande valeur pour les designers de impression. Maintenant, les mêmes modifications sont appliquées au contenu en ligne. Les propriétés de grille permettent de régler la taille et la position des titres, du texte et des images dans un réseau flexible.
Exemple
Ajoutez une ligne de grille au centre de l'élément div, ajoutez une autre à 200 pixels de la droite, puis une autre au centre de l'espace restant :
div
{
grid-columns:50% * * 200px;
}
Syntaxe CSS
grid-columns: longueur|%|none|hériter;
Valeur de l'attribut
| Valeur | Description |
|---|---|
| longueur | Référez-vous à la grille du bloc inclus. |
| % | Référez-vous à la largeur du bloc inclus. |
| aucun | |
| hériter |
Détails techniques
| Valeur par défaut : | aucun |
|---|---|
| Héritabilité : | non |
| Version : | CSS3 |
| Grammaire JavaScript : | object.style.gridColumns="50% * * 200px" |
