Définition de la css min-width


Propriété css : min-width

Détails des versions feuilles de style css min-width
Non définie
Détails de compatiblilité de la feuilles de style css min-width pour les navigateurs
Netscape 6+
Mozilla + et Firefox +
Internet Explorer 7+


Définition de min-width

La propriété de feuille de style css min-width permet de spécifier une longueur minimale sur une balise de type bloc.
Exemple de code :
.identifiant{
  width:90%;
  min-width:500px;
  max-width:10px;
}

La propriété de feuille de style min-width css peut prendre la valeur de :
- numérique positive suivie de px ou ex ou em.
- inherit, hérite de son parent (css2).



Application des min-width

La propriété de feuille de style min-width css est applicable sur toutes les balises HTML ou XHTML qui ne sont pas inline.

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


Problèmes des min-width

Attention, la propriété de feuille de style css min-width n'est pas prise en compte par Internet Explorer>=7 et pas testée sous safari.

La propriété de feuille de style css min-width peut poser des problèmes d'interprétation.


FAQ

Répond aux questions suivantes :

Comment donner spécifier une longueur minimale à un élément?
Liste des questions les plus fréquemment posées en css.

Exemples et astuces css

Infos complémentaires

Contrairement a max-width, min-width ne peut s'employer seul, il faut spécifier width et max-width
Exemple de code :
.identifiant{
  width:90%;
  min-width:500px;
  max-width:10px;
}

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css min-width.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.



Reporter un bug ou problème d'interprétationavec la propriété min-width