行間を指定する。

line-height

このウエブページは、本文の行間が詰まっていて、少し読みにくいものになっています。
これは欧文フォントに合わせて行間が設定されているためです。
日本語の文章ではもう少し行間を空けたほうが読みやすいものになります。
行間を空けるには line-height プロパティを指定します。
ここでは本文の行間を空けるので、セレクタには <p> 要素を指定します。

文字の行間を指定します。


（画面クリックでWEB上のサイズを見てください。）


上のページに文字の行間を指定します。

<html>
<head>
<title>紙の豆知識</title>
<style type="text/css">
<!--
・・・・・・中略・・・・・・・・

p {
font-size:16px;
font-family:serif;
line-height:150%;
}
--></style>
</head>

・・・・・・・・以下略・・・・・・・・


（画面クリックでWEB上のサイズを見てください。）

行間を指定するプロパティ
line-height：行間；
line-height プロパティは、行間を調整します。
行間を調整する事で、文章が読みやすくなったことが解ります。