word-spacing プロパティ
最終更新：2026-09-13
word-spacing word-spacing プロパティ
word-spacing プロパティは、テキスト内の単語間の間隔を設定します。スペースで単語を区切る英語のような言語で最も効果が現れます。中国語にはスペースで区切られた単語がないため、このプロパティは一般に中国語に影響しません。
| カテゴリ | |
|---|---|
| 初期値 | normal |
| 継承 | はい |
| 適用対象 | |
| アニメーションタイプ | |
| CSS バージョン | CSS1 |
| 状態 | 標準 |
📝 構文
word-spacing: normal | <length>;⚙️ 値
| 値 | タイプ | 説明 |
|---|---|---|
normal | キーワード | 既定の単語間隔 |
<length> | タイプ | 固定の単語間隔の値 |
▶ 例
以下のコードを編集して、プレイグラウンドでライブ結果を確認してください：
🌐 ブラウザーサポート
| ブラウザー |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| word-spacing | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザーでサポート | |||||
ヒント： このプロパティはスペース文字の周りの間隔を調整します。スペースのない中国語の段落では、基本的に変更するものがありません。
❓ よくある質問
Qword-spacing と letter-spacing の違いは何ですか？
Aword-spacing は単語間の距離を、スペース文字を操作して調整するため、英語では効果が明らかです。letter-spacing は各文字間の距離を調整します。中国語にはスペースで区切られた単語がないため、word-spacing はほとんど何もしません。文字間の隙間を変えるには letter-spacing を使います。
Qword-spacing は中国語の段落に目に見える効果がありますか？
A中国語にはスペースで区切られた単語がないため、word-spacing は純粋な中国語テキストではほとんど見えません。実際のスペース（英単語間など）のみが影響を受けます。漢字間の隙間を変えるには、代わりに letter-spacing を使います。
Qword-spacing プロパティは CSS ルールで負の値を受け取れますか？
Aはい、負の値は単語同士を近づけます。新しい仕様では、フォントのスペース幅に対するパーセンテージも許容されます。多くの場合、フォントサイズに応じて拡縮する em が実用的な相対単位です。例えば word-spacing: 0.2em です。
🏷️ 関連プロパティ
💡 関連事例
📚 関連チュートリアル
