CSS max-width eigenschap

Definitie en gebruik

max-width definieert de maximale breedte van het element.

Uitleg

Deze waarde stelt een maximale limiet in voor de breedte van het element. Daarom kan het element smaller zijn dan de gespecificeerde waarde, maar niet breder. Negatieve waarden zijn niet toegestaan.

Zie ook:

CSS tutorialCSS afmetingen

CSS referentiemanualCSS min-width eigenschap

HTML DOM referentiemanualmaxWidth eigenschap

Voorbeeld

Stel de maximale breedte van de alinea in:

p
  {
  max-width:100px;
  }

Probeer het zelf

CSS syntaxis

max-width: none|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
geen Standaard. Definieert dat er geen limiet is op de maximale breedte van het element.
length Definieert de maximale breedte van het element.
% Definieert de procentuele maximale breedte van het blokgelijk object waarin het is ingesloten.
inherit Het wordt voorgesteld dat de waarde van de eigenschap max-width van het ouder element wordt geërfd.

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS2
JavaScript syntaxis: object.style.maxWidth="50px"

TIY voorbeeld

Gebruik pixelwaarden om de maximale breedte van een element in te stellen
Dit voorbeeld toont hoe je de maximale hoogte van een element instelt met pixelwaarden.
Gebruik percentages om de maximale breedte van een element in te stellen
Dit voorbeeld toont hoe je de maximale hoogte 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 7.0 1.0 1.0 7.0