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 參考手冊