CSS:min-width
Un article de MDC.
[modifier] Résumé
La propriété min-width est utilisée pour définir la largeur minimale d'un élément donné. Elle empêche la valeur utilisée pour width de devenir plus petite que celle spécifiée pour min-width.
- Valeur initiale : 0
- S'applique à : éléments de niveau bloc et éléments remplacés
- Héritée : non
- Pourcentages : font référence à la largeur du bloc conteneur
- Média :
visuel - Valeur calculée :
[modifier] Syntaxe
min-width: <longueur> | <pourcentage> | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available
[modifier] Valeurs
- longueur : peut être en
px,cm,in, etc. - pourcentage : pourcentage de la largeur du bloc conteneur
- -moz-max-content : la largeur intrinsèque préférée Nouveau dans Firefox 3
- -moz-min-content : la largeur minimum intrinsèque Nouveau dans Firefox 3
- -moz-available : la largeur du bloc conteneur moins les marges, bordures et paddings horizontaux Nouveau dans Firefox 3
- -moz-fit-content : identique à
-moz-min-contentNouveau dans Firefox 3
[modifier] Exemples
Voir des exemples en ligne (en)
table {min-width: 75%;}
form {min-width: 0;}
[modifier] Notes
min-width a priorité à la fois sur max-width et width.
[modifier] Spécifications
[modifier] Compatibilité avec différents navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 6 |
| Netscape | 6 |
| Opera | 3.5 |
[modifier] Voir également
Modèle de boîtes, min-height, -moz-box-sizing, width, max-width