line-height
Home>CSS>プロパティリファレンス>line-height
line-heightプロパティの役割
line-heightプロパティは、行の高さ(行間)を指定します。
行間を指定すると読みやすさが高くなり、ユーザの利便性が増します。
行間が詰まりすぎていると、非常に読みにくい文章になり、その結果、ユーザがサイトを利用してくれなくなる恐れがあります。
そのため、行間は150%以上取るのが理想的です。
line-heightプロパティに設定できる値
数値 | 数値+単位。 |
% | フォントの大きさを100とする百分率。 |
line-heightプロパティの使い方
<p style="line-height:200%;">行間を指定します。</p>
<p style="line-height:200%;">2行目との間が開きます。</p>
行間を指定します。
2行目との間が開きます。
上記のサンプルでは、行間を200%にしています。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-8-19