layout-grid:文字間隔や行間隔のプロパティ

---

文字間隔や行間隔のプロパティ：

layout-grid-modeの値	設定の有無
layout-grid-typeの値	設置方法
layout-grid-charの値	文字間隔
layout-grid-lineの値	行間隔

設定の有無：

line	lineで指定した値を有効にする
char	charで指定した値を有効にする
both	lineとcharの両方を有効にする
none	lineとcharの両方を無効にする

layout-gridプロパティで、文字間隔と行間隔をまとめて指定します。
layout-grid-mode，layout-grid-type，layout-grid-line，layout-grid-charの順番で記述し、それぞれの値の間は半角スペースで区切って指定します。

それぞれのプロパティの詳しい設定方法は下記を御覧ください。

• layout-grid-type　 (設置方法)
• layout-grid-char 　(文字間隔)
• layout-grid-line　 (行間隔)

layout-grid-char : none (文字間隔の指定なし)

layout-grid : both strict 12pt 5%

layout-grid : both fixed 1em 10pt

<STYLE type="text/css">
<!--
.case1 { layout-grid:none; }
.case2 { layout-grid:both strict 12pt 5%; }
.case3 { layout-grid:both fixed 1em 10pt;}
-->
</STYLE>

<H5>layout-grid-char : none (文字間隔の指定なし)</H5>
<DIV class="case1">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</DIV>

<H5>layout-grid : both strict 12pt 5%</H5>
<DIV class="case2">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</DIV>

<H5>layout-grid : both fixed 1em 10pt</H5>
<DIV class="case3"><FONT face="MS UI Gothic">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</FONT></DIV>