columns CSS propriété

Définition de la CSS columns.

La propriété multi-colonne CSS columns est un raccourci qui permet de spécifier le nombre de colonnes et/ou la taille optimale d'une colonne en une seule déclaration.

Exemple de syntaxe CSS columns :
columns : 30px 5;
columns : auto 3;
columns : 50px auto;

La propriété de feuille de style columns CSS peut prendre les valeurs de (dans l'ordre énoncé):

Conditions d'application de la CSS columns.

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

Héritage des valeurs Css de columns.

Les balises filles HTML ou XHTML n'héritent pas de la propriété columns CSS.

Problème d'interprétation de columns 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 columns en CSS3.

La CSS columns 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é columns

Propriétés CSS préfixées de columns

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

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

Exemple de code columns avec propriétés préfixées :
-webkit-columns : 3 auto;
-moz-columns : 3 auto;
columns : 3 auto;

Votre avis sur la définition columns en CSS

Votez pour la définition CSS columns

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

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