Style width-eigenschap

Definitie en gebruik

width Eigenschap stelt of retourneert de breedte van het element in.

width De eigenschap is alleen van toepassing op blokelelementen of elementen met absolute of fixed positie. De overvloedige inhoud kan worden afgehandeld met Overflow-eigenschap om te behandelen.

Tip:Gebruik Height-eigenschap Stel of retourneer de hoogte van het element in.

Zie ook:

CSS handleiding:CSS Dimension

CSS handleiding:CSS box model

CSS referentiemanual:Width-eigenschap

Voorbeeld

Voorbeeld 1

Stel de breedte van het <button>-element in:

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

Probeer het zelf

Voorbeeld 2

Wijzig de breedte van het <div>-element:

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

Probeer het zelf

Voorbeeld 3

Wijzig de hoogte en breedte van het <img>-element:

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

Probeer het zelf

Voorbeeld 4

Terugkeer de breedte van het <img>-element:

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

Probeer het zelf

Syntax

Terugkeer de width-eigenschap:

object.style.width

Stel de width-eigenschap in:

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

Eigenschapswaarde

Waarde Beschrijving
auto Browser stelt breedte in. Standaard.
length Definieer de breedte in lengte-eenheden.
% Definieer de breedte van het ouderlijke element in percentages.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Terugkeerwaarde: Een string die de breedte van het element aangeeft.
CSS versie: CSS1

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support