CSS line-heightプロパティ


サンプル

パーセントで行の高さを設定:

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

試してみる »

このページの下部にその他の例があります。

プロパティの定義と使用説明

行の高さをパーセントで設定します。

注意:負の値は許可されていません。

デフォルト値: normal
継承: yes
バージョン: CSS1
JavaScript 構文: object.style.lineHeight="2"


ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。

プロパティ
line-height 1.0 4.0 1.0 1.0 7.0

プロパティ値

值 説明
normal デフォルト。合理的な行間隔を設定します。
number 数値を設定します。この数値は現在のフォントサイズと乗算され、行間隔を設定します。
length 固定の行間隔を設定します。
% 現在のフォントサイズに基づくパーセントの行間隔。
inherit line-height プロパティの値を親要素から継承することを指定します。


Examples

その他のサンプル


この例では、ピクセル値を使用して段落内の行間隔を設定する方法を示します。


この例では、数値を使用して段落内の行間隔を設定する方法を示します。


関連記事

CSS チュートリアル:CSS Text

その他の拡張