初心者のスタイルシート(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) |