line-height: ★;

CSS 66p

行の高さを決めるタグ。
★には次の値を入れます。

  • narmal
    ブラウザが自動的に高さを設定します。
  • 実数値+単位
    数値に単位をつけて設定します。
    単位はfont-sizeで説明した単位です。
  • 実数値
    指定した要素のフォントサイズを掛け合わせて高さを算出する値を指定します。
    たとえばフォントサイズが10pxのとき「1.5」を指定すると、
    行の高さが15pxになります。
    a(元のフォントサイズ)×b(指定した実数値)
  • パーセント値
    指定した要素のフォントサイズに対する高さの割合を指定します。
    もっとも使われる値で、だいたい130〜150%が見やすいと思います。

文章全体の幅を変更したい場合はこのようにします。

 例  CSS
body {
line-height: 150%;
}
XHTML
<body>
<p>
おはようございます。
こんにちわ
こんばんわ。
<⁄p>

上の表のように<body>内に単体で書くことはありません。
わかりやすいようにしているだけです。w
行の高さの違いを表したのはこちらです!
ここをクリック!

トップに戻る