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).

Descendre

Remonter

Exemple de code min-width

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.

Descendre

Remonter

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.

Descendre

Remonter

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.

Descendre

Remonter

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;
}

Descendre

Remonter

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.