Propriété CSS min-width
Exemple
Définissez la largeur minimale d'un élément <span> sur 500 pixels :
span.ex1
{
min-width: 500px;
}
Définition et utilisation
La min-width
propriété définit la largeur minimale d'un élément.
Si le contenu est inférieur à la largeur minimale, la largeur minimale sera appliquée.
Si le contenu est supérieur à la largeur minimale, la
min-width
propriété n'a aucun effet.
Remarque : Cela empêche la valeur de la
propriété
width de devenir inférieure à
min-width
.
Valeur par défaut: | 0 |
---|---|
Hérité: | non |
Animable : | oui, voir propriétés individuelles . En savoir plus sur l'animation |
Version: | CSS2 |
Syntaxe JavaScript : | objet .style.minWidth="400px" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
min-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 4.0 |
Syntaxe CSS
min-width: length|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
length | Default value is 0. Defines the minimum width in px, cm, etc. Read about length units | |
% | Defines the minimum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Hauteur et largeur CSS
Référence CSS : propriété max-width
Référence HTML DOM : propriété minWidth