この記事は2008年6月25日に書かれたものです。既に内容が古い可能性があります。

line-height:行間指定

line-heightプロパティは行の高さを指定しますが(行送り)、正確には要素(ボックス)の上下辺からテキストまでの距離を意味します。また、line-heightプロパティの値にパーセント指定をした親ボックス内に<h>タグを記述すると、見出しの文字の一部が欠ける場合あり。(値が小さい場合)

プロパティ

line-height

数値 | 単位

対象

すべての要素

継承の有無

継承

line-heightサンプル

line-height:1.2
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

lineline-height:2em
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

lineline-height:250%
サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

タグ: