Résumé

La propriété width définit la largeur de la zone de contenu d'un élément donné. La zone de contenu est à l'intérieur du padding, des bordures et marges de l'élément.

• Valeur initiale  : auto
• S'applique à : éléments de type bloc et éléments remplacés
• Héritée  : non
• Pourcentages : se réfèrent à la largeur du bloc contenant
• Média : visuel
• Valeur calculée  :

Syntaxe

 width: <longueur> | <pourcentage> | auto | inherit | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

Valeurs

• longueur : L'unité peut être px (pixel), cm (centimètre), in (pouce, inch en anglais)
• pourcentage : % spécifié par rapport à la largeur du bloc conteneur.
• auto : La navigateur calculera et sélectionnera une largeur pour l'élément spécifié.
• -moz-max-content : la largeur intrinsèque préférée Nouveau dans Firefox 3
• -moz-min-content : la largeur intrinsèque minimale Nouveau dans Firefox 3
• -moz-available : la largeur du bloc conteneur moins les marges, bordures et padding horizontaux Nouveau dans Firefox 3
• -moz-fit-content : la plus grande valeur parmi :
  • la largeur intrinsèque minimale
  • la plus petite valeur entre la largeur intrinsèque préférée et la largeur disponible Nouveau dans Firefox 3

Exemples

Voir des exemples en ligne (en)

table { width: 100%; }

img { width: 200px; }

form { width: auto; }

Notes

Les propriétés min-width et max-width ont priorité sur width .

Spécifications

• CSS 1 (fr)
• CSS 2 (fr)
• CSS 2.1 (en)

Compatibilité des navigateurs

Voir également

Modèle de boîtes, height , -moz-box-sizing , min-width , max-width