column-rule CSS propriété

Définition de la CSS column-rule.

La propriété multi-colonne CSS column-rule est un raccourci qui permet de spécifier l'épaisseur, la couleur et le style de la ligne entre chaque colonne de l'élément.

Exemple d'écriture CSS de column-rule :
column-rule : 3px ridge green;

La propriété de feuille de style column-rule CSS peut prendre les valeurs de :

  • , spécifie l'épaisseur de la ligne entre chaque colonne de l'élément,
  • , spécifie la couleur de la ligne entre chaque colonne de l'élément,
  • , spécifie le style de la ligne entre chaque colonne de l'élément.

Conditions d'application de la CSS column-rule.

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

Héritage des valeurs Css de column-rule.

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

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

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

Règles de syntaxes CSS pour column-rule.

Propriétés column-rule préfixées

Pour la version de Firefox 2+ vous pouvez utiliser la version préfixée : -moz-column-rule
Pour la version de Chrome 4+ et Safari 3+ vous pouvez utiliser la version préfixée : -webkit-column-rule

Exemple de code column-rule avec propriétés préfixées :
-webkit-column-rule : dotted blue 0.5em;
-moz-column-rule : dotted blue 0.5em;
column-rule : dotted blue 0.5em;

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

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

Votez pour la définition CSS column-rule

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

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