よく使われる行間の単位は次の通り。文章の内容や文字の大きさによって最適な行間の値や単位が変わってくる。文字サイズの値を％やemで指定している場合は、行間でも同じ単位をお勧めする。そうしておけば、ブラウザの表示メニューから読み手が文字の大きさを変更した場合でも、行間がうまく調節される。px指定は、読み手が文字の大きさを変更しても、相対単位ではないので文字の大きさや行間は変わらない。商業用ページで複雑なレイアウトを組んである場合、レイアウトが崩れないようにpx指定をする場合もある。
％指定 ブラウザの文字基準サイズに対する％の値。
| line-height:90% | line-height:100% | line-height:140% | line-height:200% |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
em指定 ブラウザの文字基準サイズを1emとした時の値。
| line-height:0.9em | line-height:1em | line-height:1.4em | line-height:2em |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
px指定 ピクセル単位の値。
| line-height:12px | line-height:17px | line-height:20px | line-height:30px |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |