| プロパティ名 | 値 | 適用対象 | 継承 |
|---|---|---|---|
| letter-spacing: | 文字間隔 | すべての要素 | 有り |
| word-spacing: | 単語間隔 | すべての要素 | 有り |
| 値 | 説明 | |
|---|---|---|
| 文字、単語間隔 | 数値 | 数値に単位を付けて指定(em、pt、mm等)。 |
| normal | 標準の間隔で表示。(デフォルト) |
letter-spacingプロパティは、文字と文字の間隔を設定します。
word-spacingプロパティは、単語と単語の間隔を設定します。
文字間隔、単語間隔には、数値、normalのどれかを指定します。
数値で指定する場合は、em, pt, mmなどの単位を付けます。
マイナスの数値を指定すると、文字を重ねて表示できます。
なお、word-spacingプロパティは、英文のように単語と単語が独立している文章に適用され、日本語の文章には適用されません。
word-spacingプロパティは、単語と単語の間隔を設定します。
文字間隔、単語間隔には、数値、normalのどれかを指定します。
数値で指定する場合は、em, pt, mmなどの単位を付けます。
マイナスの数値を指定すると、文字を重ねて表示できます。
なお、word-spacingプロパティは、英文のように単語と単語が独立している文章に適用され、日本語の文章には適用されません。
サンプルソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<style type="text/css">
<!--
body{text-align:center;
font-size:20pt
}
h1{color:red}
p{color:blue;
font-size:15pt
}
.sampl01{letter-spacing:normal}
.sampl02{letter-spacing:10pt}
.sampl03{letter-spacing:2em}
.sampl04{letter-spacing:-5pt}
.sampl05{word-spacing:normal}
.sampl06{word-spacing:10pt}
.sampl07{word-spacing:2em}
-->
</style>
</head>
<body>
<h1> 文字間隔を設定する</h1>
<p class="sampl01">通常の文字間隔です。</p>
<hr>
<p class="sampl02">文字間隔に10ptを指定。</p>
<hr>
<p class="sampl03">文字間隔に2emを指定。</p>
<hr>
<p class="sampl04">文字間隔に-5ptを指定。</p>
<hr>
<h1> 単語間隔を設定する</h1>
<p class="sampl05">word-spacing:normal
ABC EFG HIG KLM</p>
<hr>
<p class="sampl06">word-spacing:10pt
ABC EFG HIG KLM</p>
<hr>
<p class="sampl07">word-spacing:2em
ABC EFG HIG KLM</p>
<hr>
</body>
</html>
