max-width CSS propriété

.longueur-maximale{ 
  width : 90%;
  min-width : 500px;
  max-width : 10px;
}

Règles de syntaxes CSS pour max-width.

max-width spécifie la longueur maximale de la zone de contenu

La propriété max-width css ne spécifie que longueur maximale de la zone contenu, cela n'inclue pas les marges intérieures, ni les bordures. Cependant l'utilisation de box-sizing change cette interprétation.

Calcul d'une valeur de max-width en %

La valeur de max-width est calculée en fonction de la valeur calculée de la propriété CSS width de son parent.

Si l'élément est en position absolue, la valeur est calculée en fonction de la valeur calculée de width additionnée aux valeurs calculées des padding horizontaux du parent servant de point d'origine.

Calcul de la largeur suivant min et max width

Voici comment est calculée la largeur :

• Calcule de la longueur sans min-width et max-width.
• Si la valeur calculée de la zone de contenu est supérieure à la valeur de max-width, alors width prend la valeur de max-width.
• Si la valeur calculée de min-width est supérieure à celle de max-width, alors la propriété CSS max-width prend la valeur de min-width.

Compatibilités navigateurs de la propriété max-width

Equivalence de la CSS max-width en HTML.

La propriété de feuille de style max-width CSS n'a pas d'équivalence en HTML.

Votre avis sur la définition max-width en CSS