CSS max-height egenskap

Definition och användning

max-height-egenskapen ställer in det maximala höjden för ett element.

Förklaring

Detta egenskapsvärde sätter en högsta gräns för elementets höjd. Därför kan elementet vara kortare än det specificerade värdet, men inte längre. Det är inte tillåtet att specificera negativa värden.

Kommentar:max-height-egenskapen inkluderar inte marginaler, kanter och innermarginaler.

Se också:

CSS-handboken:CSS-mått

CSS-handboken:min-height-egenskapen

HTML DOM-referencehandboken:maxHeight-egenskapen

Exempel

Ställ in den maximala höjden för en paragraf:

p
  {
  max-height:100px;
  }

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
ingen Standard. Definierar att det inte finns några begränsningar för det maximala tillåtna höjden för elementet.
length Definierar elementets maximala höjdsvärde.
% Definierar den maximala höjden baserat på den innehållande blockobjektets procent.
inherit Det specificeras att max-height-egenskapen bör ärva värdet från föräldrelementet.

Tekniska detaljer

Standardvärde: ingen
Arvsförmåga: nej
Version: CSS2
JavaScript-syntax: object.style.maxHeight="50px"

TIY-exempel

Ställ in den maximala höjden för ett element
Detta exempel visar hur du ställer in den maximala höjden för ett element.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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