English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS line-height属性の使用方法と例

line-height CSS属性の設定ブロックレベル要素(例えば段落)内のテキスト行と行の間の高さ(行間距離とも呼ばれます)。

以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの属性の使用構文を示しています。

デフォルト値:normal
適用:すべての要素
継承:
アニメーション可能:は。参照してください: アニメーション属性
バージョン:CSS 1、2、3
JavaScript 構文:object.style.lineHeight="2"

line-heightの使用構文

この属性の構文は以下の通りです:

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

以下の例では、以下のように使用する方法を示しています:-height属性。

  p {
   line-height: 1.5;
  }
  div {
   line-height: 300%;
  }
テストをしてみて‹/›

警告:パーセンテージ(%)やem値は予期せぬ結果を引き起こすことがあります。-heightの下、継承の場合、数値を使用することは推奨され、予期せぬ結果は発生しません。CSSユニットの詳細情報

属性値

以下のテーブルは、この属性の値を説明しています。

説明
normalデスクトップブラウザのデフォルト値は約1.2、具体的には要素のfont-family。これはデフォルト値です。
number数字が1つで、その数字は要素と乗算されますfont-sizeline-height。
length単位はpx、pt、cm、emなどです。行高が負の値は許可されません。
percentageパーセンテージは数値と同様に乗数として使用されます-属性の計算値は要素の指定された百分比值に等しいfont-size
initialこの属性をデフォルト値に設定します。
inherit

継承の場合、このline-height属性が数値を使用する場合、子要素は指定された値を継承しますが、この属性の計算値ではありません。負の値は許可されません。

百分比值を使用する場合、子要素はその属性の計算値を継承しますが、指定された百分比值ではありません。同様に、負の値は許可されません。

ブラウザの互換性

line-height属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

さらに詳しく

以下のチュートリアルを参照してください:CSS Text

関連属性:fontfont-size