初心者のスタイルシート(CSS)講座:行の高さ

・line-height
 行の高さを設定する

【行の高さ設定方法】 line-height:キーワード
line-height:数値+単位
line-height:割合を表す数値
line-height:数値+%

キーワード・・・normal、ブラウザが自動的に行の高さを処理する。
数値+単位・・・ボックス領域の高さ(1行の上端から下端までの幅)を、数値に単位をつけて設定する。
割合を表す数値・・・要素のフォントサイズに対する行の高さの割合を、単位なしの数値で設定する。(10px時に1.5を設定すると、15になります)
数値+%・・・要素のフォントサイズに対する行の高さの割合をパーセンテージで設定する。(10px時に150%を設定すると、15pxになります

em その要素のfont-sizeの値を1とする
ex その要素のx-height(小文字のxの高さ)を1とする
px コンピュータ画面の1ピクセルを1とする
% 属性によって異なるが、多くの場合は親要素の1部分を基準とした割合
in インチ(1pt=2.54cm)
cm センチメートル
mm ミリメートル
pt ポイント(1pt=1/72in)
pc パイカ(1pc=12pt)