Style width-egenskapen

Definition och användning

width Egenskapen ställer in eller returnerar elementets bredd.

width Egenskapen är endast giltig för blockelement eller element med absolut eller fast position. Överskjutande innehåll kan hanteras med Overflow-egenskapen för att hantera.

Tips:Använd Height-egenskapen Ställ in eller returnera elementets höjd.

Se också:

CSS Tutorial:CSS Dimension

CSS Tutorial:CSS rammodell

CSS Referenshandbok:Width-egenskapen

Exempel

Exempel 1

Ställ in bredden på <button>-elementet:

document.getElementById("myBtn").style.width = "300px";

Prova själv

Exempel 2

Ändra bredden på <div>-elementet:

document.getElementById("myDIV").style.width = "500px";

Prova själv

Exempel 3

Ändra höjd och bredd på <img>-elementet:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Prova själv

Exempel 4

Returnera bredden på <img>-elementet:

alert(document.getElementById("myImg").style.width);

Prova själv

Syntax

Returnera width-egenskapen:

object.style.width

Ställ in width-egenskapen:

object.style.width = "auto|length|%|initial|inherit"

Egenskapsvärde

Värde Beskrivning
auto Browsrarinställning av bredd. Standard.
length Definiera bredd i längd-enheter.
% Definiera föräldrelementets bredd i procent.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: En sträng som anger elementets bredd.
CSS version: CSS1

Browsrarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd