Propriété de largeur de style
Exemple
Définissez la largeur d'un élément <button> :
document.getElementById("myBtn").style.width = "300px";
Définition et utilisation
La propriété width définit ou renvoie la largeur d'un élément.
La propriété width n'a d'effet que sur les éléments de niveau bloc ou sur les éléments avec une position absolue ou fixe. Le contenu débordant peut être manipulé avec la propriété overflow.
Conseil : Utilisez la propriété height pour définir ou renvoyer la hauteur d'un élément.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété width :
object.style.width
Définissez la propriété width :
object.style.width = "auto|length|%|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the 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: | auto |
---|---|
Valeur de retour : | Une chaîne, représentant la largeur d'un élément |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Modifiez la largeur d'un élément <div> :
document.getElementById("myDIV").style.width = "500px";
Exemple
Modifiez la hauteur et la largeur d'un élément <img> :
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Exemple
Renvoie la largeur d'un élément <img> :
alert(document.getElementById("myImg").style.width);
Pages connexes
Tutoriel CSS : Dimension CSS
Tutoriel CSS : Modèle CSS Box
Référence CSS : propriété width
❮ Objet de style