シャフト株式会社

行の高さを指定する

行の高さを指定する

p{
 line-height:50px;
}

サンプル

このテキストは「pタグ」で囲ってあります。そしてpタグには、「line-height」で「50px」という数値を設定してあります。通常にテキストを表示している時よりも、行と行の間の行間が大きく空いているのが分かるかと思います。

css解説

フォントサイズと行の高さの関係は、 例えば「line-heightが20px」で「font-sizeが12px」の場合、「20px-12px=8px」で、8pxが行間に設定されることになります。8pxが行間となる場合、行の上と下に、それぞれ4pxずつが割り振られます。

Copyright © SCHAFT Inc. All Rights Reserved.