文字間隔
(letter-spacing, word-spacing)
一文字ごとの間隔を指定するletter-spacingと各ワードごとの間隔を指定するword-spacingの二種類があります。
letter-spacing:値;
letter-spacing 1mmで書かれています。
letter-spacing 1mmで書かれています。
上は下のように書かれています。
<div class="box1" style="letter-spacing:1mm;">
letter-spacing 1mmで書かれています。<br>
letter-spacing 1mmで書かれています。
</div>
letter-spacing 2pxで書かれています。
letter-spacing 2pxで書かれています。
上は下のように書かれています。
<div class="box1" style="letter-spacing:2px;">
letter-spacing 2pxで書かれています。<br>
letter-spacing 2pxで書かれています。
</div>
ミリメートルやピクセルで文字の間隔を指定しましたが、他にもemなどで長さを指定できます。資料編の「
長さの単位」を参考にして、いろいろ試してください。
word-spacing:値;
word-spacing 1mmで書かれています。
word-spacing 1mmで書かれています。
上は下のように書かれています。
<div class="box1" style="word-spacing:1mm;">
word-spacing 1mmで書かれています。<br>
word-spacing 1mmで書かれています。
</div>
word-spacingとletter-spacingの違いが分かりますか。比較し易いように２列に並べて表示してみます。
Abcd efg です(word-spacing:1mm)。
Abcd efg です(letter-spacing:1mm)。
letter-spacingは各文字の間隔が開いています。しかしword-spacingで指定した上の行は文字の間隔は開いていません。開いているのは半角のスペースの開きが大きくなっています。欧文の各ワードの間の長さをword-spacingで指定できるようになっています。もう少しword-spacingが分かり易いように、ワード間のスペースを3mm(word-spacing:3mm)にしてみます。
Copyright 2001-2002 Coco's Home. All rights reserved.
日本語でも半角スペースを空ければスペースが空くはずです。
始めまして 私が ココ です。シー・ズー犬 です。
上のように日本語でも半角スペースの間隔が長くなりました。