propriété CSS3 colonne-gap
Exemples
Indique l'écart 40 entre les colonnes de pixels:
div
{
colonne-gap: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-column-gap: 40px; / * Safari et Chrome * /
}
{
colonne-gap: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-column-gap: 40px; / * Safari et Chrome * /
}
Essayez »
Dans le bas de cette page pour plus d'exemples.
support du navigateur
属性 | |||||
---|---|---|---|---|---|
column-gap | 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
L'écart entre la propriété colonne-gap spécifie les colonnes.
NOTE: Si vous spécifiez les règles de distance entre les colonnes, il prendra la moyenne.
Par défaut: | normal |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet .style.columnGap = "40px" |
grammaire
column-gap:length|normal;
值 | 描述 |
---|---|
length | 一个指定的长度,将设置列之间的差距 |
normal | 指定一个列之间的普通差距。 W3C建议1EM值 |
D'autres exemples
Colonne-count
Texte élément div en trois colonnes.
Colonne règle
Règles spécifient entre les colonnes: largeur, le style et la couleur.
articles connexes
CSS3 tutoriel: CSS3 multiples Colonnes