「行の高さを指定する(line-height)」のページです。
行の高さを指定する(line-height)に関する情報が満載!
どうぞごゆっくりご覧ください!

行の高さを指定する(line-height)

ホームページで重要なのが文章を読ませるということですね。

文章を読んでほしいなら、読みやすい構造にしないと
いけませんよね!?


読みやすい文章構造を作る一つの手段として、行間を
調整することが挙げられます。


行間がびっしり詰まった文章は、開いた瞬間に読みたくなくなる
ものです。


ですので、行の高さ(行間)は第一印象としてとても大切な
要素となるのを覚えておきましょう!


さて、行間の設定はどのようにすればいいのでしょう?



行間は、CSSで設定します。


行の高さは line-heightで指定します。

一般艇に読みやすい行間は、120%〜150%といわれていますので
その辺で設定してみて、自分の好みで変えていけばいいと
思います。


スタイルシートで設定しますので、ページ全体の行間を
指定するのか、<p>タグのところだけ行間を指定するのか
はたまた、部分的に行間を指定するのか、自分で
決めるといいともいます。


今回は、ホームページ全体の行間を決めましょう!


ホームページ全体の行間を決めるので、<body>タグに
設定しましょう!


body{line-height:150%}


これでOKです!


簡単でしょ!?




「行の高さを指定する(line-height)」はいかがでしたか?
他にもいろんな情報が満載です!
どうぞごゆっくりご覧ください!

tokuiss01 at 16:35│TrackBack(0)clip!HTML | 文字

トラックバックURL

最近の話題