Exemple
Définissez la largeur d'un <button> élément:
document.getElementById("myBtn").style.width = "300px"; Essayez vous - même » Définition et utilisation
La propriété largeur fixe ou renvoie la largeur d'un élément.
La propriété largeur n'a d'effet que sur les éléments de type bloc ou sur des éléments à position absolue ou fixe. Le contenu débordement peut être manipulé avec la propriété de débordement.
Astuce: Utilisez la hauteur propriété pour définir ou retourner la hauteur d'un élément.
Support du navigateur
La propriété width est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété width:
object .style.width
Définissez la propriété width:
object .style.width="auto| Valeurs de propriété Valeur La description auto Le navigateur définit la largeur. Ce défaut est length Définit la largeur en unités de longueur % Définit la largeur en% de l'élément parent initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
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
autres exemples
Exemple
Changer la largeur d'un <div> élément:
document.getElementById("myDIV").style.width = "500px";
Essayez vous - même »
Exemple
Changer la hauteur et la largeur d'un <img> élément:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Essayez vous - même »
Exemple
Retour à la largeur d'un <img> élément:
alert(document.getElementById("myImg").style.width);
Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Dimension
Tutoriel CSS: modèle CSS Box
Référence CSS: width property
<Style objet