La largeur du contenu

la propriété 'width'

'width'

Valeur :	<longueur> | <pourcentage> | auto | inherit
Initiale :	auto
S'applique à :	tous les éléments sauf ceux de type en-ligne non remplacés ainsi que les rangées et groupes de rangées des tables.
Héritée :	non
Pourcentage :	se rapporte à la largeur du bloc conteneur
Médias :	visuel

Cette propriété spécifie la largeur du contenu des boîtes générées par les éléments de type bloc et ceux remplacés.

Celle-ci ne s'applique pas aux éléments non remplacés et de type en-ligne. Les largeurs de leurs boîtes correspondent à celles de leur contenus représentés avant un décalage relatif de leurs enfants. Les boîtes en-ligne se répandent dans des boîtes de ligne. Les largeurs des boîtes de ligne sont données par leur bloc conteneur, celles-ci pouvant rétrécir du fait de la présence de flottants.

La boîte d'un élément remplacé a une largeur intrinsèque l'agent utilisateur pouvant la faire varier en échelle quand la valeur de la propriété est différente de 'auto'.

Les valeurs ont les significations suivantes :

<longueur>

Spécifie une largeur fixe ;

<pourcentage>

Spécifie une largeur en pourcentage. Le pourcentage est calculé en fonction de la largeur du bloc conteneur de la boîte générée ;

auto

La largeur dépend de celles d'autres propriétés. Voir plus loin.

La propriété 'width' n'admet pas de valeurs négatives.

Exemple(s) :

Par exemple, cette règle fixe la largeur du contenu des paragraphes à 100 pixels :

P { width: 100px }