つれづれ日記

２０１１年４月１日～８月１５日まで育児休業を取りしました。この期間の生活を日記のまとめです。また、育児休業期間が終わったので、他にも挑戦しているものや日常のメモなどもこの日記に載せようと思います。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

(X)HTML,CSS覚書
～行間と文字間の設定について～

　全てのブラウザで同じように見えるための準備（おまじない）の後は、行間や文字間の設定です。

　ＣＳＳファイルに次のコードを記述します。

body {
line-height: 1.3;
letter-spacing: 0.04em;
}

　line-heightプロパティは行の高さを指定する場合に使用します。
　行の高さが高くなれば結果的に行間も開きます。
　値についてですが、ｐｘや％などの単位をつけることもありますが、ここではあえて単位をつけていません。
　詳しい話をすると長くなるので省略します。

　letter-spacingプロパティーは文字間を指定するためのプロパティです。
　こちらの値には、普通単位をつけます。
　文字間については適度な間隔を開けた方がいいのですが、間隔を開けすぎると逆効果になることが多いです。
　自分の目で見て確認してください。

　ちなみに今回の例では、二つのプロパティをbodyに指定しています。
　これは、<body>と</body>に挟んだ内容（つまり本文）全てに指定を適用するためです。
　ただ、今回紹介している２つのプロパティーは一度body内の文章全てに指定が有効ですが、プロパティーによってはその限りではないのもあります。
　今回はその詳しい説明までしません。後日いろいろと詳しく説明をすることもあると思います、

[0回]