 |

Les propriétés min-Height et max-Height
Ces propriétés spécifient les hauteurs maximum et minimum pour des boîtes de contenu.
De même que la propriété width, celles-ci n'acceptent pas les valeurs négatives.
| min-height |
| Valeur |
inherit
Longueur
Pourcentage |
| Type |
CSS 2 |
| Compatibilité |
7+
7+
4+
3+
9+ |
| Valeur par défaut |
0 |
| Domaine d'application |
Tous les éléments, sauf les éléments non-dimensionnables. |
| Héritage |
non |
| Media |
Visuel |
|
| max-height |
| Valeur |
inherit
Longueur
Pourcentage |
| Type |
CSS 2 |
| Compatibilité |
7+
7+
4+
3+
9+ |
| Valeur par défaut |
100% |
| Domaine d'application |
Tous les éléments, sauf les éléments non-dimensionnables. |
| Héritage |
non |
| Media |
Visuel |
|
Valeur possible |
Action |
Exemple |
| inherit |
La hauteur n'a pas de limite et dépend du navigateur. |
table {max-height: inherit} |
| Longueur |
Une valeur fixe spécifie la hauteur maximum ou minimum d'un élément. |
table {min-height: 5cm; max-height: 29cm} |
| Pourcentage |
Une valeur relative spécifie la hauteur maximum ou minimum d'un élément. |
table {min-height: 50%; max-height: 90%} |
Exemples
La hauteur n'a pas de limite et dépend du navigateur.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {max-height: inherit}
|
Une valeur fixe spécifie la hauteur maximum ou minimum d'un élément.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {min-height: 5cm; max-height: 29cm}
|
Une valeur relative spécifie la hauteur maximum ou minimum d'un élément.
| cellule |
cellule |
cellule |
| cellule |
cellule |
cellule |
|
table {min-height: 50%; max-height: 90%}
|
 |

|