Proprietà max-height CSS

Definizione e uso

L'attributo max-height imposta l'altezza massima dell'elemento.

Spiegazione

Il valore di questa proprietà imposte un limite massimo per l'altezza dell'elemento. Pertanto, l'elemento può essere più corto rispetto al valore specificato, ma non più alto. Non è permesso specificare valori negativi.

Nota:L'attributo max-height non include i margini, i bordi e i paddings.

Vedi anche:

Corso CSS:Dimensioni CSS

Corso CSS:Proprietà min-height

Manuale HTML DOM:Proprietà maxHeight

Esempio

Impostare l'altezza massima del paragrafo:

p
  {
  max-height:100px;
  }

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
nessuna Predefinito. Definisce che non ci sono limiti sull'altezza massima dell'elemento.
length Definisce il valore dell'altezza massima dell'elemento.
% Definisce l'altezza massima percentuale basata sull'oggetto bloccante che lo contiene.
inherit Definisce che l'altezza massima debba essere ereditata dal valore della proprietà max-height dell'elemento padre.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: object.style.maxHeight="50px"

Esempio TIY

Impostare l'altezza massima dell'elemento
Questo esempio dimostra come impostare l'altezza massima di un elemento.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

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