column-width CSS propriété

Définition de la CSS column-width.

La propriété multi-colonne CSS column-width permet de spécifier le nombre de colonnes de l'élément (X)HTML.

Exemple de syntaxe CSS column-width :
column-width : 30px;

La propriété de feuille de style column-width CSS peut prendre la valeur de :

  • auto : la largeur de la colonne est donné par une autre propriété de type column-*, valeur par défaut.
  • nombre : nombre entier positif supérieure à 0 et suivie de px ou % ou pt ou em, qui spécifie la largeur optimale d'une colonne, cela implique que la largeur de la colonne varie suivant l'espace disponible.

Conditions d'application de la CSS column-width.

La propriété column-width CSS est applicable sur l'ensemble des balises HTML ou XHTML de type block, inline-block ou table-cell.

Problème d'interprétation de column-width en Css.

La propriété CSS column-width n'est reconnue que par Internet Explorer 10+ et Opera 11.1+ (06-2015).

Conditions d'animation de column-width en CSS3.

La CSS column-width est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Compatibilités navigateurs de la propriété column-width

Propriétés CSS préfixées de column-width

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété column-width CSS :

Pour la version de Firefox 9+ vous pouvez utiliser la version préfixée : -moz-column-width.
Pour la version de Chrome et Safari 3+ vous pouvez utiliser la version préfixée : -webkit-column-width.

Exemple de code column-width avec propriétés préfixées :
-webkit-column-width : 150px;
-moz-column-width : 150px;
column-width : 150px;

Votre avis sur la définition column-width en CSS

Votez pour la définition CSS column-width

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/column-width-css.html Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.