English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ del CSS (RULES)

Completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo max-height CSS

L'attributo max-height del CSS specifica l'altezza massima dell'area di contenuto dell'elemento. Questa altezza massima non include il riempimento, i bordi o i margini - per ulteriori informazioni, si prega di consultareModello di Box del CSS

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:none
Applicabile a:Tutti gli elementi tranne gli elementi embedding non sostituiti, le righe della tabella e i gruppi di righe
Ereditarietà:No
Animabile:Sì.Si prega di consultare Attributi animazione
Versione:CSS 2、3
Sintassi JavaScript:oggetto.style.maxHeight="200px"

Sintassi dell'uso di max-height

La sintassi di questa proprietà è la seguente:

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

Il seguente esempio dimostra come utilizzare l'attributo max-height.

  p {
   max-height: 100px;
  }
  div {
   height: 200px;
   max-height: 100px;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
lengthSpecificare l'altezza massima in px, pt, cm, em ecc. Non sono ammessi valori negativi.
percentageSpecificare l'altezza massima in percentuale. Il percentuale è calcolato rispetto all'altezza del blocco contenente l'elemento. Non sono ammessi valori percentuali negativi.
noneL'altezza non ha un valore massimo. Questo è il valore predefinito.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore dell'attributo max-height del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser con l'attributo max-height: i numeri nella tabella rappresentano la versione minima dei browser che supportano questa proprietà; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Leggi di più

Si prega di consultare le istruzioni relative ai seguenti contenuti:Modello di Box del CSSDimensioni del CSS

Proprietà correlate:heightmin-height