20

このページによると、CSS のletter-spacingプロパティのデフォルト値はnormalです。

特に、デフォルト以外の値がデフォルト値に追加されます。

letter-spacing を使用する際に注意すべき最も重要な点は、指定された値はデフォルトを変更せず、ブラウザーが適用するデフォルトの間隔に追加されるということです (フォント メトリックに基づいて)。文字間隔は負の値もサポートしており、テキストの外観を緩めるのではなく引き締めます。

この定義によれば、 0 + X = X であるため、0はノーマルのデフォルト値と同等である必要があります。

1) normalのデフォルト値の代わりに0を使用することは有効ですか? (これはスライダーの実装用です。)

2) 0がデフォルト値でないのはなぜですか? なぜ別の値 (つまり、 normal )を導入するのですか?

CodePen でのこのテストでは、値0が実際にはデフォルト値のnormalと同等であることも示されています。

.loose {
  letter-spacing: 2px;
}

.tight {
  letter-spacing: -1px;
}

.zero {
  letter-spacing: 0;
}

.normal {
  letter-spacing: normal;
}
<p>This type has no additional letter-spacing applied.</p>

<p class="loose">This type is letter-spaced loosely at <code>2px</code>.</p>

<p class="tight">This type is letter-spaced tightly at <code>-1px</code></p>

<p class="zero">This type is letter-spaced at <code>0</code></p>

<p class="normal">This type is letter-spaced at <code>normal</code></p>

4

2 に答える 2