【CSS】word-spacing - 単語間のスペースサイズ

CSSのword-spacingプロパティについて解説します。

検証環境

CSS

macOS

14.1

word-spacing

word-spacingは“単語間のスペースサイズ”のプロパティです。

基本構文

word-spacing: 値;

サンプル

sample.html

<style>
.p1 {
    ___ih_hl_start
    word-spacing: initial;
    ___ih_hl_end
}
.p2 {
    ___ih_hl_start
    word-spacing: 0.2em;
    ___ih_hl_end
}
.p3 {
    ___ih_hl_start
    word-spacing: 10px;
    ___ih_hl_end
}
</style>

<p class="p1">CSS : Cascading Style Sheets</p>
<p class="p2">CSS : Cascading Style Sheets</p>
<p class="p3">CSS : Cascading Style Sheets</p>

プレビュー