CSS width egenskab

Definition og brug

width-egenskaben indstiller elementets bredde.

Beskrivelse

Denne egenskab definerer elementets indholdsområdes bredde, hvor der kan tilføjes indrykning, kant og margin uden for indholdsområdet.

Indlejrede ikke-erstatningskomponenter ignorerer denne egenskab.

Se også:

CSS tutorial:CSS mål

CSS tutorial:CSS layoutmodel oversigt

CSS referencehåndbog:height-egenskaben

HTML DOM referencehåndbog:width-egenskaben

Eksempel

Indstil afsnittets højde og bredde:

p
  {
  højde:100px;
  bredde:100px;
  }

Prøv det selv

CSS-syntaks

width: auto|value|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
auto Standardværdi. Browseren kan beregne den faktiske bredde.
længde Brug af enheder som px, cm osv. til at definere bredde.
% Definerer en procentvis bredde baseret på indholdsblokken (forældreelementet).
inherit Definerer, at width-egenskaben skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: auto
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.bredde="50px"

TIY-eksempel

Brug af pixels til at indstille elementets bredde
Dette eksempel viser, hvordan man bruger pixels til at indstille elementets bredde.
Brug af procenter til at indstille elementets bredde
Dette eksempel viser, hvordan man bruger procenter for at indstille elementets bredde.

Browserunderstøttelse

Tabelnumre angiver den første browserversion, der fuldt ud understøtter egenskaben.

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