Propriété width de Style

Définition et utilisation

Propriété width Définit ou retourne la largeur de l'élément.

Propriété width Cette propriété est valable uniquement pour les éléments en bloc ou ayant une position absolu ou fixe. Le contenu en surbrillance peut être défini avec Propriété overflow pour traiter.

Astuce :Utilisez Propriété height Définir ou retourner la hauteur de l'élément.

Voir également :

Tutoriel CSS :Dimension CSS

Tutoriel CSS :Modèle de boîte CSS

Manuel CSS :Propriété width

Exemple

Exemple 1

Définir la largeur de l'élément <button> :

document.getElementById("myBtn").style.width = "300px";

Essayez-le vous-même

Exemple 2

Modifier la largeur de l'élément <div> :

document.getElementById("myDIV").style.width = "500px";

Essayez-le vous-même

Exemple 3

Modifier la hauteur et la largeur de l'élément <img> :

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Essayez-le vous-même

Exemple 4

Retourne la largeur de l'élément <img> :

alert(document.getElementById("myImg").style.width);

Essayez-le vous-même

Syntaxe

Retourner la propriété width :

object.style.width

Définir la propriété width :

object.style.width = "auto|length|%|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Largeur définie par le navigateur. Par défaut.
length Définit la largeur, en unité de longueur.
% Définit la largeur de l'élément parent, en pourcentage.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Une chaîne de caractères, représentant la largeur de l'élément.
Version CSS : CSS1

Navigateur pris en charge

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support