width

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Définit la largeur d'un élément de niveau bloc, remplacé et positionné (sans compter les bordures, le remplissage et les marges).

Internet Explorer pour Windows inclut les marges gauche et droite, le remplissage et les bordures dans le calcul de la largeur d'un élément, tant que vous n'activez pas le mode de compatibilité aux normes d'Internet Explorer 6. Si les normes CSS sont respectées, la largeur s'applique uniquement à la partie contenu d'un élément, quels que soient les bordures, le remplissage ou les marges.

Syntaxe CSS
width: longueur | pourcentage | auto
Valeur(s) possible(s) pour cette propriété :

Pour plus de détails sur les valeurs de longueur, voir le début de ce chapitre. Si vous spécifiez la valeur auto, le navigateur détermine automatiquement la largeur du cadre de l'élément en fonction de l'espace nécessaire pour afficher son contenu à l'intérieur de la fenêtre actuelle.

Valeur initiale

auto

Exemple
div#announce {position: relative; left: 30; width: 240}
textarea {width: 80%}
S'applique à 

Tous les éléments sauf les éléments incorporés non remplacés, les éléments colonne de tableau et les éléments groupe de colonnes.

Javascript
[window.]document .getElementById("elementID") .style .width

bottom
clear
clip
display
float
height
left
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
min-height
max-width
min-width
padding
padding-bottom
padding-left
padding-right
padding-top
position
right
text-align -top
vertical-align
width
z-index




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu