HOME > テキストの見せ方 > 行間の設定

行間の設定

日本語の文章は、行間が狭いと非常に読みにくくなります。適度に行間を空けることにより、見栄えも良く読みやすくもなり、ユーザーのストレスを軽減することができます。スタイルシートでは、このように記述します。

セレクタ { line-height: 1.5; }

ここでの注意点は、数字にem等の単位を付けないこと。単位を付けると、「ベースフォントのサイズ×指定した数値(単位)」で行間が固定され、ユーザーが文字を大きくした際に文章が重なって表示されたり、ユーザブルでは無くなってしまうからです。

ブックマーク登録: add to hatena hatena.comment 0 user add to del.icio.us 0 user add to livedoor.clip 0 user
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading ...
『WEBサイト制作者に役立つメルマガ』発行!