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

    height

    Résumé

    La propriété CSS height définit la hauteur de l'aire de contenu d'un élément. L'aire de contenu se trouve à l'intérieur de l'espacement, de la bordure et de la marge de l'élément.

    Les propriétés min-height et max-height écrasent la valeur de height

    • Valeur initiale auto
    • S'applique à all elements but non-replaced inline elements, table columns, and column groups
    • Héritée non
    • Pourcentages Le poucentage est par rapport à la hauteur de la boîte générée par le bloc contenant. Si la hauteur du bloc contenant n'est pas explicitement spécifiée (c'est-à-dire qu'elle dépend de la hauteur du contenu), et si cet élément n'est pas absolument positionné, la valeur du pourcentage est traitée comme auto et la hauteur du pourcentage sur l'élément racine est relative au bloc contenant initial.
    • Média visual
    • Valeur calculée un pourcentage ou auto ou une 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 l'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    height: <longueur> | <percentage> | auto | inherit
    

    Valeurs

    <longueur>
    Voir <longueur> pour les unités possibles.
    <pourcentage>
    Le pourcentage est calculé par rapport à la hauteur du bloc contenant. Si la hauteur du bloc n'est pas spécifiée explicitement, la valeur calculée est auto. Une hauteur en pourcentage sur l'élément racine (p. ex. <html>) est relatif au viewport.
    auto 
    Le navigateur calculera et sélectionnera une hauteur pour l'élément spécifié.

    Exemples

    Voir l'exemple sur une page

    table { height: 100%; }
    
    img { height: 200px; }
    
    form { height: auto; }
    
    /* make sure percentage height of body's children works as expected */
    html, body { margin: 0; height: 100%; }

    Spécifications

    Spécification Statut Commentaire
    CSS Basic Box Model Working Draft Ajoute les mots-clés max-content, min-content, available, fit-content, border-box, content-box.
    CSS Transitions Working Draft Liste height comme animable.
    CSS Level 2 (Revision 1) Recommendation Ajoute le support des valeurs <longueur> et précise à quels éléments cela s'applique.
    CSS Level 1 Recommendation Définition initiale.

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base 1.0 1.0 (1.7 ou moins) 4.0 7.0 1.0
    Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support de base 1.0 1.0 (1) 6.0 6.0 1.0

    Voir également

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

    Étiquettes et contributeurs liés au document

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