English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
line-height CSS属性の設定ブロックレベル要素(例えば段落)内のテキスト行と行の間の高さ(行間距離とも呼ばれます)。
以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの属性の使用構文を示しています。
デフォルト値: | normal |
---|---|
適用: | すべての要素 |
継承: | は |
アニメーション可能: | は。参照してください: アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript 構文: | object.style.lineHeight="2" |
この属性の構文は以下の通りです:
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属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS Text。