mozilla
Vos résultats de recherche

    width

    Résumé

    La propriété CSS width définit la largeur de la zone de contenu d'un élément donné. La zone de contenu est à l'intérieur du padding, des bordures et marges de l'élément.

    • Valeur initiale auto
    • S'applique à all elements but non-replaced inline elements, table rows, and row groups
    • Héritée non
    • Pourcentages se rapporte à la largeur du bloc contenant
    • Média visual
    • Valeur calculée le pourcentage ou auto comme spécifié ou la longueur absolue
    • Animable oui, comme une longueur, pourcentage ou calc() ; quand les deux valeurs sont des longueurs, elles sont interpolées comme des longueurs ; quand les deux valeurs sont des pourcentages, elles sont interpolées comme des pourcentages ; sinon, les deux valeurs sont converties dans une fonction calc() qui est la somme d'une longueur et d'un pourcentage (chaque valeur pouvant être à zéro), et cette fonction calc() interpole chaque moitié comme un nombre réel.
    • Ordre canonique the length or percentage before the keyword, if both are present

    Syntaxe

     width: <longueur> | <pourcentage> | auto | inherit | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available
    

    Valeurs

    • longueur : L'unité peut être px (pixel), cm (centimètre), in (pouce, inch en anglais)
    • pourcentage : % spécifié par rapport à la largeur du bloc conteneur.
    • auto : La navigateur calculera et sélectionnera une largeur pour l'élément spécifié.
    • -moz-max-content : la largeur intrinsèque préférée
    • -moz-min-content : la largeur intrinsèque minimale
    • -moz-available : la largeur du bloc conteneur moins les marges, bordures et padding horizontaux
    • -moz-fit-content : la plus grande valeur parmi :
      • la largeur intrinsèque minimale
      • la plus petite valeur entre la largeur intrinsèque préférée et la largeur disponible

    Exemples

    Voir l'exemple sur une page

    table { width: 100%; }
    
    img { width: 200px; }
    
    form { width: auto; }
    

    Notes

    Les propriétés min-width et max-width ont priorité sur width.

    Spécifications

    Compatibilité des navigateurs

    Navigateur Version minimale
    Internet Explorer 4
    Netscape 4
    Opera 3.5

    Voir également

    Modèle de boîtes, height, -moz-box-sizing, min-width, max-width

    Étiquettes et contributeurs liés au document

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