propriété colonnes CSS3
Exemples
Indique la largeur et le nombre de colonnes:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
Essayez »
Dans le bas de cette page pour plus d'exemples.
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Définition des attributs et des instructions
propriété Columns est un raccourci pour définir la largeur de la colonne et le nombre de colonnes.
Par défaut: | auto automatique |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | .style.columns objet = "100px 3" |
grammaire
colonnes: colonne de largeur column-count;
valeur | description |
---|---|
Colonne de largeur | Largeur de la colonne |
column-count | Nombre de colonnes |
D'autres exemples
Colonne-count
Texte élément div en trois colonnes.
Colonne-gap
Texte dans l'élément div en trois colonnes, et de préciser l'écart entre les colonnes d'un 30 pixel.
Colonne règle
Règles spécifient entre les colonnes: largeur, le style et la couleur.
articles connexes
CSS3 tutoriel: CSS3 multiples Colonnes