Propriété max-width CSS

Définition et utilisation

max-width définit la largeur maximale de l'élément.

Explication

Cette valeur d'attribut fixe une limite maximale pour la largeur de l'élément. Par conséquent, l'élément peut être plus étroit que la valeur spécifiée, mais pas plus large. Il n'est pas autorisé de spécifier une valeur négative.

Voir également :

Tutoriel CSSDimensions CSS

Manuel CSSPropriété min-width CSS

Manuel HTML DOMAttribut maxWidth

Exemple

Définir la largeur maximale du paragraphe :

p
  {
  max-width:100px;
  }

Essayez vous-même

Syntaxe CSS

max-width:none;length|initial|hérité;

Valeur de l'attribut

Valeur Description
aucune Défaut. Définit qu'il n'y a pas de limitation pour la largeur maximale de l'élément.
length Définit la valeur de largeur maximale de l'élément.
% Définit la largeur maximale en pourcentage basée sur l'objet de bloc qui le contient.
hérité Définit que la valeur de l'attribut max-width doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.maxWidth="50px"

Exemple TIY

Utiliser les valeurs en pixels pour définir la largeur maximale d'un élément
cet exemple montre comment utiliser les valeurs en pixels pour définir la hauteur maximale d'un élément.
Utiliser les pourcentages pour définir la largeur maximale d'un élément
cet exemple montre comment utiliser les pourcentages pour définir la hauteur maximale d'un élément.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0