Propriété maxWidth de style
Exemple
Définissez la largeur maximale d'un élément <div> :
document.getElementById("myDiv").style.maxWidth = "100px";
Définition et utilisation
La propriété maxWidth définit ou renvoie la largeur maximale d'un élément.
La propriété maxWidth n'a d'effet que sur les éléments de niveau bloc ou sur les éléments avec une position absolue ou fixe.
Remarque : La largeur d'un élément ne peut jamais être supérieure à la valeur spécifiée par la propriété maxWidth.
Conseil : Pour définir ou renvoyer la largeur minimale d'un élément, utilisez la propriété minWidth .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
maxWidth | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété maxWidth :
object.style.maxWidth
Définissez la propriété maxWidth :
object.style.maxWidth = "none|length|%|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
none | No limit on the width of the element. This is default |
length | Defines the maximum width in length units |
% | Defines the maximum width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rien |
---|---|
Valeur de retour : | Une chaîne, représentant la largeur maximale d'un élément |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Renvoie la largeur maximale d'un élément <div> :
alert(document.getElementById("myDiv").style.maxWidth);
Pages connexes
Tutoriel CSS : Dimension CSS
Référence CSS : propriété max-width
❮ Objet de style