reference manual of CSS

CSS @rules

大全 of CSS properties

CSS3 column-rule propriété CSS3 column-fill propriété

CSS3 column-Utilisation et exemple de la propriété gap

de column-La propriété gap CSS spécifie l'intervalle entre les colonnes des éléments multicolumn. Si il y a uncolumn-rule，elle apparaîtra au milieu de l'intervalle.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que l'utilisation de cette propriété dans la syntaxe de script JavaScript.

Valeur par défaut :	normal
Appliqué à :	éléments multicolumn
Héritage :	non
Animable :	est.animation propriété。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.columnGap="50px"

column-Syntaxe de l'utilisation de gap

La syntaxe de cette propriété est la suivante :

column-gap:　　|　normal　|　initial　|　inherit

Les exemples suivants montrent comment utiliser la propriété column-propriété gap.

Exemple

p　{
　　　　-webkit-column-gap:　50px;　/*　Chrome,　Safari,　Opera　*/
　　　　　　　-moz-column-gap:　50px;　/*　Firefox　*/
　　　　　　　　　　　　column-gap:　50px;　
}

Vérifiez pour voir‹/›

Valeur de la propriété

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
length	une valeur de longueur, définissant la taille de l'intervalle entre les colonnes. Elle ne peut pas être négative, mais peut être égale à 0.
normal	Indique l'utilisation de l'intervalle par défaut entre les colonnes définies par le navigateur. Dans la plupart des navigateurs, la valeur par défaut est1em.
initial	Rétablir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le column de son élément parent-Valeur de la propriété gap.

Compatibilité du navigateur

column-La compatibilité du navigateur pour la propriété gap, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-，15+ ^-webkit-

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3mise en page multicolumn。

propriétés associées :column-width，column-fill，column-rule，column-rule-width，column-rule-style，column-rule-color，column-span，column-count，columns。

CSS3 column-rule propriété CSS3 column-fill propriété