myNotlar Logo

wordSpacing


Internet Explorer Firefox Opera

wordSpacing özelliği, element içeriğindeki kelimeler arasındaki boşluğun belirlenmesini sağlar.

DOM Sözdizimi

element.style.wordSpacing = "aralik"

CSS Sözdizimi

word-spacing: aralik
aralikCSS Ölçü Birimlerinden biri ile artı veya eksi değer alarak kelimeler arasındaki mesafeyi belirler. '0' (sıfır) değeri, varsayılan kelime aralığıdır.

Aşağıdaki örnek, wordSpacing özelliği kullanılarak bir paragraf içindeki kelimeler arasındaki mesafenin ayarlanmasını göstermektedir.

<style type="text/css">
#ornekParaf
{
	text-align:left;
}
</style>
<script type="text/javascript">
function aralik(mesafe)
{
	var paraf = document.getElementById("ornekParaf");
	
	paraf.style.wordSpacing = mesafe + "px";
}
</script>

<input type="button" value="word-spacing = -2px" onClick="aralik(-2)"/>
<input type="button" value="word-spacing = 0px" onClick="aralik(0)"/>
<input type="button" value="word-spacing = 2px" onClick="aralik(2)"/>
<input type="button" value="word-spacing = 5px" onClick="aralik(5)"/>
<input type="button" value="word-spacing = 15px" onClick="aralik(15)"/>


<p id="ornekParaf" style="text-align:left;">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 | YasinKa |