Word-spacing, CSS'de metin düzenlemesi için kullanılan bir özelliktir ve kelime aralarındaki boşluğu kontrol etmek için kullanılır.
Word-spacing özelliği, normal kelime aralığını (normal boşluk) artırarak veya azaltarak kullanıcıya belirli bir etki yaratma imkanı sağlar. Kelimeler arasındaki boşluk genellikle noktalı virgül (;) veya başka bir ayraç ile ayrılmadığı sürece ayarlanabilir.
Kelime aralarının genişliği, belirli bir ölçü birimi kullanılarak ayarlanır. Bu ölçü birimleri şunlardır:
- px (piksel)
- em (orta ölçü)
- % (yüzde)
- rem (kök em)
- vw (görünüm genişliği)
- vh (görünüm yüksekliği)
Aşağıdaki örneklerde word-spacing özelliği kullanılarak kelime araları değiştirilmiştir:
```
p {
word-spacing: 5px; /* Kelime araları 5 piksel artırıldı */
}
h1 {
word-spacing: -2px; /* Kelime araları 2 piksel azaltıldı */
}
span {
word-spacing: 120%; /* Kelime araları %120 genişletildi */
}
```
Yukarıdaki örneklere dikkat edilirse, word-spacing özelliğinin bir piksel veya yüzde değeri kullanılarak kolayca ayarlanabileceği görülür. Bu nedenle, HTML sayfanızdaki metindeki kelime aralarını belirginleştirmek veya görsel bir etki elde etmek istediğinizde, bu özellikten yararlanabilirsiniz.
Sonuç olarak, CSS'deki word-spacing özelliği, kelime aralarındaki boşluğu kontrol etmek için kullanılır ve belirli bir ölçü birimi kullanarak kelime aralarını genişletmek veya daraltmak mümkündür. Bu özellik, HTML sayfalarınızda metin düzenlemesi yaparken yararlı olabilir.