Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Vos résultats de recherche

    columns

    Résumé

    La propriété CSS columns est une propriété raccourcie permettant de définir les propriétés column-width et column-count en même temps.

    • Valeur initiale La concaténation des valeurs initiales des propriétés associées :
      • column-width: auto
      • column-count: auto
    • S'applique à éléments non-replacés de type block ou table, ou éléments de type table-cell ou inline-block
    • Héritée non
    • Pourcentages
    • Média visual
    • Valeur calculée comme chacune des propriétés du raccourci:
      • column-width: la valeur absolue valant zéro ou plus
      • column-count: comme spécifié
    • Animable pour chaque propriété individuelle de la propriété raccourcie :
      • column-width: oui, comme une longueur
      • column-count: oui, comme un entier
    • Ordre canonique l'ordre d'apparition dans la grammaire formelle des valeurs

    Syntaxe

    Syntaxe formelle : <'column-width'> || <'column-count'>
    
    

    Valeurs

    <column-width>
    Est une <longueur> donnant une indication sur la largeur optimale d'une colonne. La colonne réelle pourra être plus large (pour utiliser l'espace disponible) ou moins large (seulement si l'espace restant est inférieur à la largeur spécifiée de la colonne). La longueur doit être strictement positive ou la déclaration est invalide.
    <column-count>
    Est un <integer> strictement positif décrivant le nombre idéal de colonnes dans lesquelles le contenu doit être réparti. Si column-width est aussi défini à une valeur différente de auto, cela indique aussi le nombre maximum de colonnes.

    Exemples

    .content-box {
      border: 10px solid #000000;
      columns:3;
    }

    Spécifications

    Spécification Statut Commentaire
    CSS Multi-column Layout Module
    La définition de 'columns' dans cette spécification.
    Candidate Recommendation  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support de base (Oui)-webkit 9 (9)-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

    Contributors to this page: louuis, teoli, FredB
    Dernière mise à jour par : louuis,