CSS:max-width

Un article de MDC.

« Référence CSS

[modifier] Résumé

La propriété max-width est utilisée pour définir la largeur maximale d'un élément donné. Elle empêche la valeur de la propriété width de devenir plus grande que celle spécifiée pour max-width.

• Valeur initiale : none
• 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

max-width: <longueur> | <pourcentage> | none | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

[modifier] Valeurs

• none : la largeur width n'a aucune valeur maximale
• 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 intrinsèque minimum 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-max-content Nouveau dans Firefox 3

[modifier] Exemples

Voir des exemples en ligne (en)

table {max-width: 75%;}

form {max-width: none;}

[modifier] Notes

max-width a priorité sur width, mais min-width a priorité sur max-width.

[modifier] Spécifications

• CSS 2.1

[modifier] Compatibilité des navigateurs

Navigateur	Version minimale
Internet Explorer	6
Netscape	6
Opera	3.5

[modifier] Voir également

Modèle de boîtes, max-height, -moz-box-sizing, width, min-width