files/fr/web/css/min-height/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

---
title: min-height
slug: Web/CSS/min-height
translation_of: Web/CSS/min-height
browser-compat: css.properties.min-height
---
{{CSSRef}}

La propriété **`min-height`** est utilisée afin de définir la hauteur minimale d'un élément. Elle empêche ainsi que la [valeur utilisée](/fr/docs/Web/CSS/used_value) de la propriété [`height`](/fr/docs/Web/CSS/height) devienne inférieure à `min-height`.

{{EmbedInteractiveExample("pages/css/min-height.html")}}

La valeur de la propriété `min-height` surcharge celles de [`max-height`](/fr/docs/Web/CSS/max-height) et [`height`](/fr/docs/Web/CSS/height) lorsque `min-height` est supérieure.

## Syntaxe

```css
/* Valeur de longueur */
/* Type <length>      */
min-height: 3.5em;

/* Valeur de proportion */
/* Type <percentage>       */
min-height: 10%;

/* Valeurs avec un mot-clé */
min-height: max-content;
min-height: min-content;
min-height: fit-content(20em);

/* Valeurs globales */
min-height: inherit;
min-height: initial;
min-height: revert;
min-height: unset;
```

### Valeurs

- [`<length>`](/fr/docs/Web/CSS/length)
  - : La hauteur minimale exprimée de façon absolue.
- [`<percentage>`](/fr/docs/Web/CSS/percentage)
  - : La hauteur minimale exprimée de façon relative à la hauteur du bloc englobant grâce à une valeur de type [`<percentage>`](/fr/docs/Web/CSS/percentage).
- `auto`
  - : Le navigateur calcule et définit la hauteur minimale de l'élément spécifié.
- `max-content`
  - : La hauteur intrinsèque préférée.
- `min-content`
  - : La hauteur intrinsèque minimale préférée.
- `fit-content` ([`<length-percentage>`](/fr/docs/Web/CSS/length-percentage))
  - : Utilise la formule `fit-content()`, remplaçant l'espace disponible par l'argument passé. Par exemple&nbsp;: `min(max-content, max(min-content, argument))`.

## Définition formelle

{{CSSInfo}}

## Syntaxe formelle

{{csssyntax}}

## Exemples

### Définition de min-height

```css
table { min-height: 75%; }

form { min-height: 0; }
```

## Spécifications

{{Specifications}}

## Compatibilité des navigateurs

{{Compat}}

## Voir aussi

- [Le modèle de boîtes](/fr/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model), [`box-sizing`](/fr/docs/Web/CSS/box-sizing)
- [`height`](/fr/docs/Web/CSS/height), [`max-height`](/fr/docs/Web/CSS/max-height)