CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS line-height 屬性使用方法及示例

line-height CSS屬性設(shè)置塊級元素(如段落)中的文本行與行之間的高度(也稱為行間距)。

下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。

默認(rèn)值:normal
適用于:所有元素
繼承:
可動畫制作:是。請參考 動畫屬性。
版本:CSS 1,2,3
JavaScript 語法:object.style.lineHeight="2"

line-height的使用語法

該屬性的語法如下:

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

下面的示例演示了如何使用line-height屬性。

  p {
   line-height: 1.5;
  }
  div {
   line-height: 300%;
  }
測試看看?/?

警告:百分比(%)和em值可能會產(chǎn)生意外結(jié)果。在大多數(shù)情況line-height下,在繼承的情況下,使用數(shù)字是首選設(shè)置方式,且不會出現(xiàn)意外結(jié)果。了解有關(guān)CSS單元的更多信息。

屬性值

下表描述了此屬性的值。

描述
normal桌面瀏覽器的默認(rèn)值約為1.2,具體取決于元素的font-family。這是默認(rèn)值。
number一個數(shù)字,該數(shù)字將與元素相乘font-size以設(shè)置line-height。
length單位為px、pt、cm、em等。不允許行高為負(fù)值。
percentage百分比用作乘數(shù)的方法與數(shù)字值相同-屬性的計算值等于元素的指定百分比值font-size
initial將此屬性設(shè)置為其默認(rèn)值。
inherit

在繼承的情況下,如果該line-height屬性使用數(shù)字值,則子元素將繼承指定的值,而不是該屬性的結(jié)果計算值。不允許為負(fù)值。

而如果使用百分比值,則子元素將繼承該屬性的計算值,而不是指定的百分比值。同樣,不允許為負(fù)值。

瀏覽器兼容性

line-height屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號;所有主流瀏覽器均支持該屬性。

瀏覽器圖標(biāo)
  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

進(jìn)一步閱讀

請參考以下教程:CSS Text。

相關(guān)屬性:font,font-size。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清