css letter-spacing özelliği ile metindeki karakterler arası mesafeleri belirlemek için kullanırız. Yazıların okunurluğunu artırmak için kullanılan bir özelliktir. Bazen farklı efekler oluşturmak için kullanırız.
Aldığı parametreler:
normal : Normal (varsayılan)
length : Uzunluk Değeri.
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.
Örnek :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
div{
width: 400px;
border: 1px solid black;
margin-bottom: 10px;
}
.one { letter-spacing: normal; }
.two { letter-spacing: 20px; }
.three { letter-spacing: -1px; }
</style>
<body>
<div class="one">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor, nisi?
</div>
<div class="two">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure, sunt!
</div>
<div class="three">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure, sunt!
</div>
</body>
</html>Html çıktısı :
Başka bir yazımızda görüşmek üzere…
