Attribut width CSS

Définition et utilisation

La propriété width définit la largeur de l'élément.

Explication

Cette propriété définit la largeur de la zone de contenu de l'élément, où l'on peut ajouter des marge interne, bord et marge externe en dehors de la zone de contenu.

Les éléments en ligne non substitués ignorent cette propriété.

Voir également :

Tutoriel CSS :Dimensions CSS

Tutoriel CSS :Aperçu du modèle de boîte CSS

Manuel CSS :Propriété height

Manuel HTML DOM :Propriété width

Exemple

Définir la hauteur et la largeur d'un paragraphe :

p
  {
  height:100px;
  width:100px;
  }

Essayez-le vous-même

Syntaxe CSS

width: auto|value|initial|inherit;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. Le navigateur peut calculer la largeur réelle.
length Définir la largeur en utilisant des unités telles que px, cm, etc.
% Définit une largeur en pourcentage de la largeur du conteneur (élément parent).
inherit Définit que la valeur de la propriété width doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : auto
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.width="50px"

Exemple TIY

Définir la largeur d'un élément en valeur en pixels
Cet exemple montre comment utiliser une valeur en pixels pour définir la largeur d'un élément.
Définir la largeur d'un élément en pourcentage
Cet exemple montre comment utiliser un pourcentage pour définir la largeur d'un élément.

Support du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5