Propriété width

La propriété width définit la largeur d'un élément. Les valeurs de la propriété sont toutes les unités de taille ou le mot-clé auto, qui laisse le navigateur calculer automatiquement la taille de l'élément (comportement par défaut).

Syntaxe

csssélecteur {
  width: valeur;
}

Exemple

Définissons la largeur de l'élément sur 300px :

html<div id="elem"></div>
css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Exemple

Faisons en sorte que l'élément occupe 70% de la largeur de son parent (dans notre cas, ce sera la fenêtre du navigateur) :

html<div id="elem"></div>
css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Voir aussi

  • la propriété height,
    qui permet de définir la hauteur d'un élément
  • l'attribut width,
    qui permet de définir la largeur d'un élément