documentation css max-height

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » max-height

Table des matières

max-height

Version CSS : 2

  • S’applique à : Tous les éléments sauf les lignes de tableau et de groupe et les éléments non-dimensionnables.
  • Valeur héritée : Non
  • Valeur par défaut : 100%

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
max-height Non Partiel Oui Oui Oui Oui Non testé Non testé
Unité de longueur Non Partiel Oui Oui Oui Oui Non testé Non testé
Percentage Non Partiel Oui Oui Oui Oui Non testé Non testé
none Non Oui Oui Oui Oui Oui Non testé Non testé
inherit Non Non Oui Oui Oui Oui Non testé Non testé

Explications

Max-height spécifie la hauteur maximale d’un élément de contenu (sans bordures, remplissage et marges). Height s’applique aussi aux éléments redimensionnables tels que : “IMG” “INPUT” “TEXTAREA” ou “OBJECT”. Cette propriété ne peut s’appliquer à des éléments non redimensionnables. Ses valeurs doivent toujours être positives.

Attention : Pour les éléments à positionnement absolu, NN et IE réagissent différemment. Toutefois, dans tous les cas, le contenu a priorité, l’élément contenant s’ajustera automatiquement.

Exemple de script

.paragraphe {
  max-height: 10px;
}
 
.champstexte {
  max-height: none;
}
 
.tableau {
  max-height: 45%;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod