line
英[la?n] 美[la?n]
n. 行; 行; 行; 境界線
vt. キュー;ラインをマークするために使用する; 整列させる; ラインを形成する; 層を形成する; 整列させる; ストレートボールを打つために使用する
高さイギリス [ha?t]アメリカ人 [ha?t]
n. 高さ; 高さ、標(biāo)高; 高地; 頂上、頂點(diǎn)
CSS の行の高さのプロパティ 構(gòu)文
関數(shù): line-height プロパティは、行間の距離 (行の高さ) を設(shè)定します。
説明: この屬性は、ライン ボックスのレイアウトに影響します。ブロックレベル要素に適用すると、その要素內(nèi)のベースライン間の最大距離ではなく、最小距離が定義されます。計(jì)算された行の高さとフォント サイズの差 (CSS では「行間隔」と呼ばれます) は 2 つの半分に分割され、テキスト コンテンツの行の上部と下部に追加されます。このコンテンツを含めることができる最小のボックスはライン ボックスです。生の數(shù)値はスケーリング係數(shù)を指定し、子孫要素は計(jì)算された値ではなくこのスケーリング係數(shù)を継承します。
注: 負(fù)の値は許可されません。
CSS の行の高さのプロパティ 例
<html>
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
<p>
這是擁有標(biāo)準(zhǔn)行高的段落。
在大多數(shù)瀏覽器中默認(rèn)行高大約是 110% 到 120%。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
</p>
<p class="small">
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
</p>
<p class="big">
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
</p>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します