max-width

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  :

Syntaxe

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

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

Exemples

Voir des exemples en ligne (en)

table {max-width: 75%;}

form {max-width: none;}

Notes

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

Spécifications

• CSS 2.1

Compatibilité des navigateurs

Voir également

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