CSS max-width egenskap

Definition och användning

max-width definierar elementets maximala bredd.

Förklaring

Detta attributvärde sätter en högsta gräns för elementets bredd. Därför kan elementet vara smalare än det specificerade värdet, men inte bredare. Negativa värden är inte tillåtna.

Se också:

CSS-tutorial:CSS-mått

CSS-handboken:CSS min-width egenskap

HTML DOM-handboken:maxWidth-attributet

Exempel

Ställ in paragrafens maximala bredd:

p
  {
  max-width:100px;
  }

Prova själv

CSS-syntax

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

Attributvärde

Värde Beskrivning
ingen Standard. Definierar att det inte finns några begränsningar för elementets maximala bredd.
length Definierar elementets maximala breddsvärde.
% Definierar procentuell maximal bredd baserat på det innehållande blockelementet.
inherit Det specificeras att max-width-attributvärdet ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: ingen
Arvbarhet: nej
Version: CSS2
JavaScript-syntax: object.style.maxWidth="50px"

TIY-exempel

Använd pixlar för att ställa in elementets maximala bredd
Detta exempel visar hur man använder pixlar för att ställa in elementets maximala höjd.
Använd procent för att ställa in elementets maximala bredd
Detta exempel visar hur man använder procentvärden för att ställa in elementets maximala höjd.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder detta egenskap.

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