Attribut WIDTH

Rôle

L’attribut width permet de spécifier la largeur une boite

Version : CSS1

Héritage (inherit) : non

Propriété Javascript : element.style.width

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  width: 150px;
  height: 100px;
  background-color: silver;
}

– Le code HTML

<div>Texte sans bordure et sans espace interne</div>

Résultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

L’attribut width est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut width sont:

auto
Valeur par défaut : le navigateur calcule la hauteur .
Syntaxe :
width : content-box
length
Définit une valeur en px, pt, cm, em.
Syntaxe :
width : 20px
pourcentage – %
Définit une valeur en pourcentage par rapport à l’élément parent.
Syntaxe :
width : 30%

initial
Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité.
Syntaxe :
width : initial
inherit
Hérite de la même propriété que l’élément parent.
Syntaxe :
width : inherit

A voir aussi

border box-sizing clip height width margin padding overflow max-width min-width outline resize