myNotlar Logo

letterSpacing


Internet Explorer Firefox Opera

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
mesafeCSS Ö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

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.

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |