CSS min-breedte eigenschap

Definitie en gebruik

min-width Stelt de minimale breedte van het element in.

Verklaring

Deze eigenschapwaarde stelt een minimale limiet in voor de breedte van het element. Daarom kan het element breder zijn dan het opgegeven waarde, maar niet smalder. Negatieve waarden zijn niet toegestaan.

Zie ook:

CSS handleiding:CSS afmetingen

CSS referentiehandleiding:CSS max-breedte eigenschap

HTML DOM referentiehandleiding:minWidth eigenschap

Voorbeeld

Stel de minimale breedte van de alinea in:

p
  {
  min-width:100px;
  }

Probeer het zelf

CSS syntaxis

min-width: length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
length Definieert de minimale breedte van het element. Standaardwaarde: afhankelijk van de browser.
% Definieert de percentage minimale breedte gebaseerd op het inheemse blokgelijk object.
inherit Stelt dat de waarde van de eigenschap min-width van het ouderlijke element moet worden geërfd.

Technische details

Standaardwaarde: geen
Inheritance: nee
Versie: CSS2
JavaScript syntaxis: object.style.minWidth="50px"

TIY voorbeeld

Gebruik pixelwaarden om de minimale breedte van een element in te stellen
Dit voorbeeld demonstreert hoe je de minimale breedte van een element instelt met pixelwaarden.
Gebruik percentage om de minimale breedte van een element in te stellen
Dit voorbeeld demonstreert hoe je de minimale breedte van een element instelt met percentage.

Browserondersteuning

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

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 4.0