English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @RULES

大全 des propriétés CSS

Méthode d'utilisation et exemple de l'attribut width CSS

L'attribut width CSS spécifie la largeur de la zone de contenu de l'élément. Ce contenu ne comprend pas le rembourrage, la bordure ou la marge. Veuillez consulterModèle de boîte CSS

Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions et la syntaxe de cette propriété dans les scripts JavaScript.

Valeur par défaut :auto
Applicable à :Tous les éléments exceptés les éléments en ligne non remplacés, les lignes de tableau et les groupes de lignes
Héritage :Non
Animable :Oui.Veuillez consulter Attributs d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.width="280px"

Syntaxe de l'utilisation de width

La syntaxe de cette propriété est la suivante :

width: length | percentage | auto | initial | inherit

Les exemples suivants démontrent comment utiliser l'attribut width.

  p {
   width: 300px;
   background-color: #f0e68c;
  }
Voyons voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
lengthSpécifiez la largeur en valeur de longueur, en px, pt, cm, em, etc. Ne pas utiliser de valeur de longueur négative.
percentageSpécifiez la largeur en pourcentage. Le pourcentage est calculé par rapport à la largeur du bloc englobant de l'élément. Ne pas utiliser de valeur de pourcentage négatif.
autoLe navigateur calcule la largeur de l'élément spécifié en se basant sur les valeurs d'autres attributs. C'est la valeur par défaut.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la valeur de l'attribut width de son élément parent.

Compatibilité du navigateur

La compatibilité du navigateur pour l'attribut width ; les numéros dans le tableau ci-dessous représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs principaux prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Veuillez consulter les tutoriels concernant les sujets suivants :Modèle de boîte CSSTaille CSS

Attributs associés :max-widthmin-width