CSS'de letter-spacing Nedir?

CSS'de letter-spacing, bir metindeki harflerin arasındaki aralığı değiştirmek için kullanılan bir özelliktir. Bu özellik, metnin okunabilirliğini etkilemek için kullanılabilir veya tasarımsal amaçlar için kullanılabilir.
Letter-spacing ile ilgili birkaç örnek kod şöyle:
Örnek 1: Letter-spacing kullanılarak bir paragrafın harf aralığını artırma
```css
p {
letter-spacing: 0.2em;
}
```
Bu kod, tüm paragraflardaki harflerin arasına 0.2em (yani yaklaşık olarak bir karakter genişliği) boşluk ekleyecektir.
Örnek 2: Letter-spacing kullanılarak bir başlığın harf aralığını azaltma
```css
h1 {
letter-spacing: -0.1em;
}
```
Bu kod, tüm h1 başlıklarındaki harflerin arasından 0.1em boşluk çıkaracaktır.
Örnek 3: Letter-spacing kullanılarak bir menüdeki bağlantıların arasındaki boşluğu ayarlama
```css
nav a {
letter-spacing: 0.1em;
}
```
Bu kod, tüm menü bağlantıları arasındaki harf aralığına 0.1em boşluk ekleyecektir.
Örnek 4: Günlük dilde letter-spacing kullanımı
```css
span {
letter-spacing: 1px;
}
```
Bu örnek, bir web sayfasındaki belirli bir kelimenin harfleri arasında 1 piksellik bir boşluk bırakacaktır. Bu, kelimenin daha belirgin olmasını sağlayabileceği gibi, aynı zamanda tasarımsal amaçlar için de kullanılabilir.
Letter-spacing, genellikle font-family, font-size, font-style ve font-weight gibi diğer font özellikleriyle birlikte kullanılır ve metin içeriğindeki farklı elementler için farklı letter-spacing değerleri ayarlanabilir.