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

Manuale di riferimento CSS

Regole @ del CSS (RULES)

Completo delle proprietà CSS

Metodi di utilizzo e esempi dell'attributo min-height CSS

L'attributo min-height CSS specifica l'altezza minima dell'area di contenuto dell'elemento. Questa altezza minima non include il riempimento, i bordi o i margini - si prega di consultareModello box CSS

La tabella seguente fornisce spiegazioni sull'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:0
Applicabile a:Esclusi gli elementi incorporati non sostituiti,
Tutti gli elementi al di fuori delle righe e delle gruppi di righe
Ereditarietà:No
Animabile:Sì.Si prega di consultare Proprietà animazione
Versione:CSS 2、3
Sintassi JavaScript:oggetto.style.minHeight="100px"

Sintassi dell'uso di min-height

La sintassi di questa proprietà è la seguente:

min-height: length | percentage | initial | inherit

L'esempio seguente dimostra come utilizzare l'attributo min-height.

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

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

ValoreDescrizione
lengthAltezza minima specificata, espressa in px, pt, cm, em, ecc. Non è consentito l'uso di valori negativi.
percentageSpecificare l'altezza minima in percentuale. Il percentuale è calcolato rispetto all'altezza del blocco contenitore dell'elemento. Non è consentito l'uso di valori percentuali negativi.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore dell'attributo min-height del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser con l'attributo min-height: i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo; 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 i tutorial relativi ai seguenti contenuti:Modello Box CSSDimensioni CSS

Proprietà correlate:heightmax-height