mozilla
Vos résultats de recherche

    column-rule

    Résumé

    La propriété CSS column-rule est une propriété raccourcie pour les propriétés individuelles column-rule-width, column-rule-style et column-rule-color. Elle permet de définir une ligne ou « règle », qui est dessinée entre chaque colonne.

    • Valeur initiale La concaténation des valeurs initiales des propriétés associées :
      • column-rule-width: medium
      • column-rule-style: none
      • column-rule-color: currentColor
    • S'applique à éléments de type multicol
    • Héritée non
    • Pourcentages
    • Média visual
    • Valeur calculée comme chacune des propriétés du raccourci:
      • column-rule-color: si la valeur est translucide, la valeur calculée est la fonction rgba()correspondante. Sinon, la fonction rgb()correspondante. Le mot-clé transparent devient rgb(0,0,0).
      • column-rule-style: comme spécifié
      • column-rule-width: une longueur absolue ou 0 si column-rule-style vaut none ou hidden
    • Animable pour chaque propriété individuelle de la propriété raccourcie :
      • column-rule-color: oui, comme une couleur
      • column-rule-style: non
      • column-rule-width: oui, comme une longueur
    • Ordre canonique l'ordre d'apparition dans la grammaire formelle des valeurs

    Syntaxe

    column-rule:  <border-width> || <border-style> || <color>
    

    Valeurs

    Accepte une, deux ou trois valeurs dans n'importe quel ordre :

    <border-width>
    Optionnel, est une valeur ou un mot-clé parmi :  <longueur> | thin | medium | thick
    La valeur par défaut medium est utilisée en l'absence de définition. Voir border-width pour plus de détails.
    <border-style>
    Nécessaire, la valeur par défaut none est utilisée en l'absence de définition. Voir border-style pour les valeurs possibles et plus de détails.
    <color>
    Optionnel, voir <color>. La valeur par défaut est : currentcolor, la valeur de la propriété color (couleur de premier-plan).

    Exemples

    p.foo { column-rule: dotted; }          /* équivalent à « medium dotted currentColor » */
    p.bar { column-rule: solid blue; }      /* équivalent à « medium solid blue » */
    p.baz { column-rule: solid 8px; }       /* équivalent à  «8px solid currentColor » */
    p.abc { column-rule: thick inset blue; }
    

    Exemple en direct

    padding:0.3em; background:gold; border:groove 2px gold; column-rule: inset 2px gold; column-width:17em;

    Spécifications

    Spécification Statut Commentaire
    CSS Multi-column Layout Module Candidate Recommendation  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support de base (Oui)-webkit 3.5 (1.9.1)-moz 10 11.1 3.0 (522)-webkit
    Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support de base ? ? (Oui) ? ? ?

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale