Hauteur - Astuces CSS | CSS Almanach 2025

La heightpropriété en CSS définit spécifie la hauteur du contenu des boîtes et accepte toutes les valeurs de longueur.

La zone «contenu» est définie comme le remplissage et la bordure en plus de la hauteur / largeur ou taille que le contenu lui-même prend.

Les valeurs négatives comme height: -100pxne sont pas acceptées. La heightpropriété ne s'applique pas aux éléments en ligne non remplacés, y compris les colonnes de table et les groupes de colonnes.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Découvrez ce stylo!

Si la hauteur du bloc conteneur n'est pas spécifiée explicitement et que l'élément n'est pas positionné de manière absolue, la valeur de sa hauteur est calculée sur auto (elle sera aussi grande que le contenu à l'intérieur, ou zéro s'il n'y a pas de contenu). Si la partie du contenu des éléments nécessite plus d'espace vertical que celui disponible à partir de la valeur attribuée, le comportement des éléments est défini par la overflowpropriété.

Lors de l'utilisation du mot-clé auto, heightest calculé en fonction de la zone de contenu des éléments , sauf indication contraire. Cela signifie qu'une valeur basée sur un pourcentage est toujours celle de la zone de contenu des éléments. De même, si la hauteur du conteneur est définie sur une valeur en pourcentage, la hauteur en pourcentage d'un élément enfant est toujours basée sur la zone de contenu de cet élément enfant.

La hauteur peut également être utilisée comme propriété animable.