bake

<HTML>
<HEAD>
<TITLE>LINE-HEIGHT</TITLE>
<META HTTP-EQUIV="Content-Type"CONTENT="text/html;charset=x-sjis">
</HEAD>

<BODY TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#000000" ALINK="#FF0000" VLINK="#808080">

 IEはVer3から、NNはVer4からスタイルシートが使えるようになりました。これで何が便利になったかと言うと、これまでできなかった行の間の間隔を指定できるようになったのです。<BR>
<BR>
<DIV STYLE="line-height:135%">&lt;DIV STYLE=&quot;line-height:135%&quot;&gt;<BR>
 IEはVer3から、NNはVer4からスタイルシートが使えるようになりました。これで何が便利になったかと言うと、これまでできなかった行の間の間隔を指定できるようになったのです。<BR>
<BR>
</DIV>
<DIV STYLE="line-height:150%">&lt;DIV STYLE=&quot;line-height:150%&quot;&gt;<BR>
 IEはVer3から、NNはVer4からスタイルシートが使えるようになりました。これで何が便利になったかと言うと、これまでできなかった行の間の間隔を指定できるようになったのです。<BR>
<BR>
</DIV>
<DIV STYLE="line-height:200%">&lt;DIV STYLE=&quot;line-height:200%&quot;&gt;<BR>
 IEはVer3から、NNはVer4からスタイルシートが使えるようになりました。これで何が便利になったかと言うと、これまでできなかった行の間の間隔を指定できるようになったのです。<BR>
<BR>
</DIV>
<DIV STYLE="line-height:135%;font-size:medium">&lt;DIV STYLE=&quot;line-height:135%;font-size:medium&quot;&gt;<BR>
 IEはVer3から、NNはVer4からスタイルシートが使えるようになりました。これで何が便利になったかと言うと、これまでできなかった行の間の間隔を指定できるようになったのです。<BR>
<BR>
</DIV>
</BODY>
</HTML>

 上記のソースの表示を各ブラウザごとに表示した結果イメージです。
 Winのナビゲーターver2とMacのエクスプローラーver2は、スタイルシート対応していないので、通常の行間の表示になります。文字サイズが小さいにも関わらずMacの文字が読みやすいのは行間が広いせいである事がよく判ります。
 一番の問題はMacのエクスプローラーver3。行間のみの指定の場合、行間が0指定されたものと解釈されてしまいます。Winでは非常に読みやすい表示になる指定ですから要注意です。同時にサイズも指定すれば防げる現象なので、セットで指定する事を心がけて下さい。
 エクスプローラーver4・ナビゲーターver4.5でも、TTタグ・サイズ指定との組み合わせで、表示が乱れることを確認しています(ナビゲーターでは一部だけ行間が広く取られ、エクスプローラーでは行間指定が完全に無視されます)。
 line-heightを指定する場合は、OSがMacでない場合に限定した方がいいかも知れません。

Windous(DOS/V 解像度640×480)
Internet Explorer 4.0(4.72.3110.8)15KB
Netscape Navigater 4.0416KB
Windous(DOS/V 解像度1024×768)
Internet Explorer 3.0(4.70.1158)19KB
Netscape Navigater 2.0117KB
Mac(iBook 解像度640×480)
Internet Explorer 2.115KB
Internet Explorer 3.0114KB
Internet Explorer 4.019KB
Internet Explorer 5.020KB
Netscape Navigater 4.518KB