letterSpacing özelliği, element içeriğindeki harfler arasındaki mesafenin belirlenmesini sağlar.
DOM Sözdizimi
element.style.letterSpacing = "mesafe"
CSS Sözdizimi
letter-spacing: mesafe
| mesafe | CSS Ölçü Değerleri ile artı veya eksi değer alarak harfler arasındaki mesafeyi belirler. '0' (sıfır) değeri, varsayılan harf aralığıdır. |
Aşağıdaki örnek, letterSpacing özelliği kullanılarak bir paragraf içindeki harfler arasındaki mesafenin ayarlanmasını göstermektedir.
<script type="text/javascript">
function aralik(mesafe)
{
var paraf = document.getElementById("ornekParaf");
paraf.style.letterSpacing = mesafe + "px";
}
</script>
<input type="button" value="letter-spacing = -1px" onClick="aralik(-1)"/>
<input type="button" value="letter-spacing = 0px" onClick="aralik(0)"/>
<input type="button" value="letter-spacing = 1px" onClick="aralik(1)"/>
<input type="button" value="letter-spacing = 2px" onClick="aralik(2)"/>
<p id="ornekParaf">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
Test Edin