line-height

語法:

line-height:normal | <length> | <percentage> | <number>

預設值normal

適用於:所有元素

繼承性:有

動畫性:當值為 <length> | <number>

計算值:指定值

媒 體:視覺

取值:

normal:
允許內容頂開或溢出指定的容器邊界。
<length>
用長度值指定行高。不允許負值。
<percentage>
用百分比指定行高,其百分比基於文字的font-size進行換算。不允許負值。
<number>
用乘積因子指定行高。不允許負值。

說明:

定義元素中行框的最小高度。
  • 在塊容器元素內,其內容由行內級元素組成,line-height用來指定塊容器內行框的最小高度。行框的最小高度由基線上升部的最小高度加下伸部的最小深度組成,這就像把每個行框想象成是以一個帶有元素字體和行高屬性的零寬內聯盒開始是完全一致的。我們把這個想象盒稱之為strut(支柱)。
  • 對應的腳本特性為:lineHeight

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: