min-width CSS propriété

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

Règles de syntaxes CSS pour min-width.

min-width spécifie la longueur minimale de la zone de contenu

La propriété min-width css ne spécifie que longueur minimale 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 min-width en %

La valeur 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é min-width

Equivalence de la CSS min-width en HTML.

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

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