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

Manuale di riferimento CSS

Regole @ CSS (RULES)

Manuale completo delle proprietà CSS

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

Impostazione dell'attributo line-height CSSBloccanteL'altezza tra le righe di testo all'interno di un elemento (come un paragrafo).

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

Valore predefinito:normal
Applicabile a:Tutti gli elementi
Eredità:È
Animabile:Sì.Rifarti a Attributi animazione
Versione:CSS 1, 2, 3
Sintassi JavaScript:object.style.lineHeight="2"

Sintassi dell'uso di line-height

La sintassi di questo attributo è la seguente:

line-height: length | percentage | number | normal | initial | inherit

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

  p {
   line-height: 1.5;
  }
  div {
   line-height: 300%;
  }
Prova a vedere‹/›

Attenzione:I valori percentuali e em possono produrre risultati imprevisti. Nella maggior parte dei casi, l'uso di numeri è il metodo preferito per l'ereditarietà di line-height, e non si verificano risultati imprevisti. Scopri di più suUnità CSSUlteriori informazioni.

Valore dell'attributo

La tabella di seguito descrive i valori di questa proprietà.

ValoreDescrizione
normalIl valore predefinito per i browser desktop è circa 1.2, a seconda dell'elementofont-family。Questo è il valore predefinito.
numberUn numero, che verrà moltiplicato per l'elementofont-sizePer impostare l'altezza della linea.
lengthL'unità è px, pt, cm, em ecc. Non è permesso un valore negativo per l'altezza della linea.
percentageIl metodo dell'uso del percentile è lo stesso del valore numerico - il valore calcolato dell'attributo è uguale al valore percentuale specificato dell'elementofont-size
initialImposta questa proprietà al suo valore predefinito.
inherit

Nel caso dell'ereditarietà, se l'attributo line-height utilizza un valore numerico, l'elemento figlio erediterà il valore specificato, non il valore calcolato dell'attributo. Non è permesso un valore negativo.

E se si utilizza un valore percentuale, l'elemento figlio erediterà il valore calcolato dell'attributo, non il valore percentuale specificato. Allo stesso modo, non è permesso un valore negativo.

Compatibilità del browser

Compatibilità del browser per l'attributo line-height, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Rifarti alle seguenti guide:CSS Text

Proprietà correlate:fontfont-size