word-spacing Özelliği

word-spacing özelliği, kelimeler arasındaki boşluğu ayarlar. Özelliğin değeri, yüzde dışındaki boyut birimleri olabilir. Negatif değerlere izin verilir. normal değeri, tarayıcının kelimeler arası boşluğu kendi kendine hesaplamasına izin verir (varsayılan değer).

Metin için hizalama, text-align özelliği justify değeriyle ayarlanmışsa, kelimeler arası boşluk otomatik olarak ayarlanacaktır, ancak word-spacing ile belirtilen değerden daha küçük olmayacaktır.

Sözdizimi

cssseçici {
  word-spacing: değer;
}

Örnek

Kelimeler arasındaki mesafeyi 30px olarak ayarlayalım:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 30px;
  text-align: left;
}

Результат:

Örnek

word-spacing özelliğini negatif bir değere ayarlayalım - kelimeler arasındaki boşluk neredeyse yok olacak:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: -7px;
}

Результат:

Örnek

Bu özelliği sıfır olarak ayarlamak, kelimelerin birleşmesine neden olmaz:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 0;
}

Результат:

Örnek

word-spacing özelliğini normal değerine ayarlayalım (bu varsayılan değerdir):

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: normal;
}

Результат: