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

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS font-size 属性的使用方法和示例

CSS font-size 属性用于设置元素的文本内容字体大小。

下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。

默认值:medium
适用于:所有元素
继承:
可动画制作:是。请参考 动画属性
版本:CSS 1, 2, 3
JavaScript 语法:object.style.fontSize="medium"

font-size的使用语法

此属性的语法如下:

font-size: xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | length | percentage | initial | inherit

Gli esempi seguenti illustrano come utilizzare la proprietà font-size.

  body {
   font-size: 14px;
  }
  h1 {
   font-size: 2em;  
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
xx-small

Un insieme di termini di dimensione assoluta. Questi termini aumentano la dimensione del font del testo in base alle preferenze di impostazione del font del browser dell'utente e all'algoritmo di scalatura interna del browser.

Il valore medio (16px) della proprietà font-size corrisponde alla dimensione predefinita del font del browser dell'utente.

x-small
small
medium
large
x-large
xx-large
smaller

Più piccolo o più grande rispetto alla dimensione del font dell'elemento padre, usato per separare i termini di dimensione assoluta proporzionali menzionati sopra.

Ad esempio, se la dimensione del font dell'elemento padre è medium, il valore larger farà sì che la dimensione del font dell'elemento corrente sia large.

larger
lengthUsa unità di lunghezza come px, pt, cm, em ecc., non sono ammessi valori negativi.
percentageImposta la dimensione del font alla percentuale della dimensione del font dell'elemento padre. Non sono ammessi valori negativi.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore della proprietà font-size dell'elemento padre.

Attenzione:font-size in tutti i browser moderni (ad esempio Firefox, Chrome, IE, Safari, Opera ecc.), il valore predefinito di questa proprietà è medio (16px).

Compatibilità del browser

Compatibilità dei browser per la proprietà font-size; i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Per ulteriori informazioni

Si prega di consultare la seguente guida:Caratteri CSSTesto CSS

Proprietà e regole correlate:line-heightfontfont-familyfont-stylefont-variantfont-weight@font-face