CSS max-width egenskab

Definition og brug

max-width definerer elementets maksimale bredde.

Beskrivelse

Denne egenskabsværdi vil sætte en maksimal grænse for elementets bredde. Derfor kan elementet være bredere end den angivne værdi, men ikke bredere. Negative værdier er ikke tilladt.

Se også:

CSS vejledning:CSS mål

CSS referencehåndbog:CSS min-width egenskab

HTML DOM referencehåndbog:maxWidth-attributten

Eksempel

Indstil afsnittets maksimale bredde:

p
  {
  max-width:100px;
  }

Prøv det selv

CSS-syntaks

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

Attributværdi

Værdi Beskrivelse
ingen Standard. Definerer, at der ikke er nogen begrænsning på elementets maksimale bredde.
length Definerer elementets maksimale breddeværdi.
% Definerer procentværdien af den maksimale bredde baseret på det blokkontainerobjekt, det indeholder.
inherit Bekræftelse af, at værdien af max-width-attributten skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ingen
Arv: nej
Version: CSS2
JavaScript-syntaks: object.style.maxWidth="50px"

TIY-eksempel

Brug pixelværdier til at sætte elementets maksimale bredde
Dette eksempel viser, hvordan man bruger pixelværdier til at sætte elementets maksimale højde.
Brug procentværdier til at sætte elementets maksimale bredde
Dette eksempel viser, hvordan man bruger procentværdier til at sætte elementets maksimale højde.

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

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