CSS の行の高さのプロパティ
翻訳結果：
line
英[laɪn] 美[laɪn]
n. 行; 行; 行; 境界線
vt. キュー;ラインをマークするために使用する; 整列させる; ラインを形成する; 層を形成する; 整列させる; ストレートボールを打つために使用する
高さイギリス [haɪt]アメリカ人 [haɪt]
n. 高さ; 高さ、標高; 高地; 頂上、頂点
CSS の行の高さのプロパティ構文
関数: line-height プロパティは、行間の距離 (行の高さ) を設定します。
説明: この属性は、ライン ボックスのレイアウトに影響します。ブロックレベル要素に適用すると、その要素内のベースライン間の最大距離ではなく、最小距離が定義されます。計算された行の高さとフォント サイズの差 (CSS では「行間隔」と呼ばれます) は 2 つの半分に分割され、テキスト コンテンツの行の上部と下部に追加されます。このコンテンツを含めることができる最小のボックスはライン ボックスです。生の数値はスケーリング係数を指定し、子孫要素は計算された値ではなくこのスケーリング係数を継承します。
注: 負の値は許可されません。
CSS の行の高さのプロパティ例
<html>
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 110% 到 120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</p>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します