Skip to main content

Visit Mozilla.org

CSS:width

Un article de MDC.

« Référence CSS

[modifier] 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.

[modifier] Syntaxe 

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

[modifier] 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

[modifier] Exemples

Voir des exemples en ligne (en) 

table { width: 100%; }

img { width: 200px; }

form { width: auto; }

[modifier] Notes

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

[modifier] Spécifications

[modifier] Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 4
Netscape 4
Opera 3.5

[modifier] Voir également

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

Récupérée de « http://developer.mozilla.org/fr/docs/CSS:width »