width
Définit la largeur de l’objet.
Syntaxe
{ width: sWidth }
Valeurs possibles
sWidth
Variante qui spécifie ou reçoit l’une des valeurs suivantes :
auto |
Valeur par défaut. Définit la largeur de l’objet. |
percentage |
Entier suivi du signe pourcentage (%). La valeur correspond à un pourcentage de la largeur de l’objet parent, qu’il soit spécifié explicitement ou non. Les valeurs négatives ne sont pas autorisées. |
width |
Nombre à virgule flottante suivi d’un indicateur d’unités absolues ( cm , mm , in , pt ou pc ) ou d’un indicateur d’unités relatives ( em , ex ou px ). Pour plus d’informations sur les unités de longueur prises en charge, voir Référence des unités de longueur. |
La propriété a pour valeur par défaut auto . Elle n’est pas héritée.
Remarques
Lorsque vous utilisez la déclaration !DOCTYPE pour spécifier un mode conforme aux normes, cette propriété spécifie la distance entre les bords gauche et droit de la zone de contenu, c'est-à-dire au sein de l'élément padding .
Lorsque la déclaration !DOCTYPE ne spécifie pas de mode conforme aux normes, et dans les versions antérieures d'Internet Explorer, cette propriété inclut la zone de contenu de l’objet, ainsi que les valeurs des propriétés suivantes : border-left , border-right , padding-left et padding-right . En soustrayant la somme des valeurs de ces propriétés de la valeur de la propriété width , vous obtenez la largeur de la zone de contenu de l’objet parent.
Exemples
L’exemple suivant utilise une feuille de style incluse pour définir la largeur d’une image. Cet exemple utilise la propriété width pour modifier la largeur de l’objet :
<div style="position:absolute;top:10px;left:10px;width:1in">
. . . </div>
Cet exemple utilise un script intraligne pour définir la largeur d’une image lorsqu’un événement onclick se produit :
<img src="sphere.jpg" onclick="this.style.width='1cm'"
ondblclick="this.style.width=''">
Informations relatives aux normes
Cette propriété est définie dans World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (World Wide Web Consortium (W3C) Document Object Model (DOM) Niveau 1) .png "Ee341476.xtlink_newWindow(fr-fr,Expression.40).png")
et dans Cascading Style Sheets (CSS), Level 1 (CSS1) (Feuilles de style en cascade (CSS), Niveau 1 (CSS1)) .
Applicable à
a, abbr, acronym, address, applet, b, bdo, big, blockquote, button, caption, center, cite, code, custom, dd, del, dfn, div, dl, dt, em, fieldset, font, form, hn, hr, i, ins, li, ol, option, p, q, rt, ruby, s, select, span, sub, tt, u, ul, var, xmp