CSS line-height 屬性

CSS line-height 屬性

CSS 參考手冊 執行個體

設定以百分比計的行高：

p.small {line-height:90%}p.big {line-height:200%}

親自試一試

（可以在頁面底部查看更多執行個體） 瀏覽器支援

IE	Firefox	Chrome	Safari	Opera

所有瀏覽器都支援 line-height 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。 定義和用法

line-height 屬性設定行間的距離（行高）。

注釋：不允許使用負值。 說明

該屬性會影響行框的布局。在應用到一個區塊層級元素時，它定義了該元素中基準之間的最小距離而不是最大距離。

line-height 與 font-size 的計算值之差（在 CSS 中成為“行間距”）分為兩半，分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。

原始數字值指定了一個縮放因子，後代元素會繼承這個縮放因子而不是計算值。

預設值：	normal
繼承性：	yes
版本：	CSS1
JavaScript 文法：	object.style.lineHeight="2"

可能的值

值	描述
normal	預設。設定合理的行間距。
number	設定數字，此數字會與當前的字型尺寸相乘來設定行間距。
length	設定固定的行間距。
%	基於當前字型尺寸的百分比行間距。
inherit	規定應該從父元素繼承 line-height 屬性的值。

TIY 執行個體 使用百分比設定行間距 本例示範如何使用百分比值來設定段落中的行間距。 使用像素值設定行間距 本例示範如何使用像素值來設定段落中的行間距。 使用數值來設定行間距 本例示範如何使用一個數值來設定段落中的行間距。 相關頁面

CSS 教程：CSS 文本

HTML DOM 參考手冊：lineHeight 屬性

CSS 參考手冊