Définition de la css width

Propriété css : width

Détails des versions feuilles de style css width
css1
css2
Détails de compatiblilité de la feuilles de style css width pour les navigateurs
Netscape 4.78
Netscape 6+
Internet Explorer 4+
Mozilla + et Firefox +
Safari 1 +
Chrome +

Définition de width

La propriété de feuille de style css width permet de spécifier la longueur d'un élément.
Exemple de code :
identifiant{
  width : 300px;
}

La propriété de feuille de style width css peut prendre la valeur de :
- numérique positive suivie de px ou % (le pourcentage est calculé par rapport à la largeur du bloc qui contient l'élément) ou ex ou em.
- auto, valeur par défaut.
- inherit, hérite de la propriété du parent (css 2).

Exemple de code width

Application des width

La propriété de feuille de style css width est applicable sur toutes les balises HTML ou XHTML qui ne sont pas "en-ligne" ou "display:inline" (b, span, ...) ainsi que les rangées et groupes de rangées des tables.

La propriété de feuille de style width css peut remplacer en HTML l'attribut WIDTH

Problèmes des width

La propriété de feuille de style width pose un problème d'interprétation suivant la DTD.
Voir l'explication du bug dans la feuille de style PADDING.

FAQ

Répond aux questions suivantes :

Comment spécifier modifier la longueur d'un bloc?
Liste des questions les plus fréquemment posées en css.

Exemples et astuces css

Info complémentaire.

Il est possible que sous Opéra et Netscape 6, la feuille de style "width" ne soit pas interprétée si vous ne mettez pas avant la feuille de style "display:block" notament pour la balise Html "SPAN" ou "DIV" :
Exemple de code :
SPAN {
display:block;
width:300px;
}

Cette remarque n'est pas valable si vous utiliser "SPAN" ou "DIV" en tant que claque.

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css width.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.

Reporter un bug

Voir les Bugs[2]

VOTRE AVIS

Notez cette page

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5
Avis sur la page http://www.zonecss.fr/style_css/feuille_css_width.html Votes: 4.3 / 5 - 9 votes
Cliquez sur une étoile pour voter.

Reporter un bug ou problème d'interprétationavec la propriété width
La balise HTML et XHTML B met un texte en gras.<B> </B> Exemple: Texte Cours Html : ...[Voir]La balise HTML et XHTML SPAN est utilisée pour créer des propriétes css à un endroit précis. Dans ce cas, la balise HTML et XHTML <SPAN> n'introduit p...[Voir]La propriété css PADDING permet de spécifier la marge qui sépare un élément de chacune de ses bordures (marges intérieures)..identifiant{ PADDING : 5...[Voir]La propriété de feuille de style css DISPLAY permet de spécifier la manière dont un élément est affiché.identifiant{ display:block; } La propriétéde ...[Voir]