行間の設定

line-height: normal

行の高さは文章の読みやすさに影響します。
狭すぎても広すぎても読みにくくなります。
行数が少ない場合は行間が少なくても比較的詠みやすく、
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。

line-height: 1.5

行の高さは文章の読みやすさに影響します。
狭すぎても広すぎても読みにくくなります。
行数が少ない場合は行間が少なくても比較的詠みやすく、
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。

line-height: 180%

行の高さは文章の読みやすさに影響します。
狭すぎても広すぎても読みにくくなります。
行数が少ない場合は行間が少なくても比較的詠みやすく、
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。


このページのソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>スタイルシート覚書</TITLE>
<style type="text/css">
<!--
H1{
font-size:24pt;
color:#993333;
}
#sample1 { line-height: nomal }
#sample2 { line-height: 1.5 }
#sample3 { line-height: 180% }
em {
color: #ff3300;
background-color: #ffffff;
font-style: normal
}
-->
</style>
</herd></HEAD>
<BODY>
<h1>行間の設定</h1>
<h2>line-height: <em>normal</em></h2>
<p id="sample1">行の高さは文章の読みやすさに影響します。<br>
狭すぎても広すぎても読みにくくなります。<br>
行数が少ない場合は行間が少なくても比較的詠みやすく、<br>
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。</p>
<h2>line-height: <em>1.5</em></h2>
<p id="sample2">行の高さは文章の読みやすさに影響します。<br>
狭すぎても広すぎても読みにくくなります。<br>
行数が少ない場合は行間が少なくても比較的詠みやすく、<br>
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。</p>
<h2>line-height: <em>180%</em></h2>
<p id="sample3">行の高さは文章の読みやすさに影響します。<br>
狭すぎても広すぎても読みにくくなります。<br>
行数が少ない場合は行間が少なくても比較的詠みやすく、<br>
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。</p>

</BODY>

</HTML>