CSS width egenskap

Definition och användning

width-egenskapen ställer in elementets bredd.

Denna egenskap definierar elementets innehållsområdes bredd, där man kan lägga till inspråt, kant och marginal utanför innehållsområdet.

Inline icke ersättningselement ignorerar denna egenskap.

CSS-tutorial:CSS-mått

CSS-referencehandbok:height-egenskapen

HTML DOM-referencehandbok:width-egenskapen

Ställ in höjd och bredd för stycken:

p
  {
  height:100px;
  width:100px;
  }

width: auto|value|initial|inherit;

Värde	Beskrivning
auto	Standardvärde. Webbläsaren kan beräkna den faktiska bredden.
längd	Använd enheter som px, cm för att definiera bredd.
%	Definierar en procentuell bredd baserad på innehållsblocket (föräldrelementet).
inherit	Det specificeras att width-egenskapen ska inhämtas från föräldrelementet.

Använd pixelpunkter för att ställa in elementets bredd: Detta exempel visar hur man använder pixelpunkter för att ställa in elementets bredd.
Använd procent för att ställa in elementets bredd: Detta exempel visar hur man använder procentvärden för att ställa in elementets bredd.

Tabelens siffror anger den första webbläsaren som fullständigt stöder denna egenskap.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	3.5