4-13-12 行間を設定する

作成した文章と文章の間隔(行間)を設定する項目です。line-heightプロパティを利用致します。(下記の見本では「body」部を全て一括で指定しております)。

<head> ~ </head> 内に記述して下さい。

<style type="text/css">
<!--
body {
line-height: 160%; /* 行間の設定 */
}
-->
</style>

上記の物はこの講座の「BODY部」と同じく行間を160%で指定しております。この「body」部分はその他のタグ(段落を表す<p>等)でもOKです。 間隔の指定は 『数値プラス単位(%等)』 を使用致します。

その他、特定のセレクタ(例:「strong」、「div」等)に複数のプロパティ(「color」、「font-size」等)を設定する見本は 『4-9 見出しを修飾する』 をご覧下さい。


[ 関連事項 : HP-TIPS > CSS > 外部スタイルシートの記述方法 ]
[ 関連事項 : HP-TIPS > HPの作り方 > 用語集 > セレクタ ]
[ 関連事項 : HP-TIPS > HPの作り方 > 用語集 > プロパティ ]