propriété CSS3 column-count
Exemples
Le texte est divisé élément div en trois colonnes:
div
{
column-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-column-count: 3; / * Safari et Chrome * /
}
{
column-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-column-count: 3; / * Safari et Chrome * /
}
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.
属性 | |||||
---|---|---|---|---|---|
column-count | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Définition des attributs et des instructions
la propriété column-count spécifie le nombre de colonnes d'un élément doit être divisé.
Par défaut: | auto |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet .style.columnCount = 3 |
grammaire
column-count:number|auto;
valeur | explication |
---|---|
nombre | Le nombre optimal de colonnes dans lesquelles le contenu de l'élément ne peut pas couler |
auto | Le nombre de colonnes dépendra d'autres attributs, tels que: "column-width" |
Essayez-le vous-même - Exemples
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