documentation css max-height
Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » max-heightTable 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



