max-height,
min-height

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 6 (voir texte), 7 - CSS 2

Ces propriétés vous permettent de définir la hauteur maximale et/ou minimale d'un élément. Vous pouvez définir ces limites quelle que soit la hauteur résultant du flux naturel du contenu.

Lorsque vous définissez la propriété max-height d'un élément dont le contenu peut excéder ce maximum, vous devez également affecter la valeur hidden à la propriété de style, afin de rogner ce contenu superflu. Dans le cas contraire, le contenu excédentaire va déborder dans le contenu des éléments subséquents.

Internet Explorer 6 pour Windows prend uniquement en charge la propriété min-height; il est de plus limité aux éléments td, th et tr dans un tableau dont la propriété de style table-layout est réglé sur fixed. Cette procédure est contraire aux spécifications CSS2; ces propriétés n'auront donc aucune incidence sur les éléments de tableau. Par conséquent, les paramètres min-height que vous créez pour les éléments td, th ou tr dans IE 6 n'ont aucune incidence sur les autres navigateurs.

IE 7 et les autres navigateurs interprêtent ces propriétés de façon correcte.

Le site AlsaCreations a publié une page consacrée à ces propriétés et explique comment les voir interprêtées par IE6.

Syntaxe CSS
max-height: longueur | pourcentage | none
min-height:
longueur| pourcentage | none
Valeur(s) possible(s) pour cette propriété :

La valeur peut être un pourcentage, lequel sera calculé par rapport au conteneur de l'élément. La valeur none supprime toutes les contraintes, et le flux du contenu est donc naturel. La longueur peut être spécifiée en px, em, etc.

Valeur initiale

none (max-width); none (min-width).

S'applique à 

Reportez-vous au premier paragraphe.

Javascript
[window.]document.getElementById("elementID") .style .minHeight
[window.]document .getElementById("elementID") .style .maxHeight

bottom
clear
clip
display
float
height
left
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
min-height
max-width
min-width
padding
padding-bottom
padding-left
padding-right
padding-top
position
right
text-align -top
vertical-align
width
z-index




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu