CSS width eigenschap

Definitie en gebruik

De width-eigenschap stelt de breedte van het element in.

Beschrijving

Deze eigenschap definieert de breedte van de inhoudsruimte van het element, buiten de inhoudsruimte kunnen marges, randen en buitenmarges worden toegevoegd.

Inline niet-vervangende elementen negeren deze eigenschap.

Zie ook:

CSS handleiding:CSS afmetingen

CSS handleiding:CSS boxmodel samenvatting

CSS referentiehandleiding:height-eigenschap

HTML DOM referentiehandleiding:width-eigenschap

Voorbeeld

Stel de hoogte en breedte van een paragraaf in:

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

Probeer het zelf

CSS syntaxis

width: auto|waarde|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De browser kan de werkelijke breedte berekenen.
lengte Definieer de breedte met eenheid zoals px, cm, etc.
% Definieert een percentagebreedte gebaseerd op de breedte van de inheemse blok (oudere element).
inherit Stelt dat de waarde van de width-eigenschap van het ouder element moet worden geërfd.

Technische details

Standaardwaarde: auto
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.width="50px"

TIY voorbeeld

Gebruik pixelwaarden om de breedte van een element in te stellen
Dit voorbeeld toont hoe je de breedte van een element instelt met pixelwaarden.
Gebruik percentages om de breedte van een element in te stellen
Dit voorbeeld toont hoe je de breedte van een element instelt met percentages.

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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