Css : Kelime ve Harf Arası Boşluk Yapımı

Makale ve yazılarımızda kelimeler, cümleler, harfler arasına boşluklar koyma işlemini gerçekleştirecegiz.

Makale ve yazılarımızda kelimeler, cümleler, harfler arasına boşluklar koyma işlemini gerçekleştirecegiz.

Sözcükler arası bosluklar ayrıca satır iki kenara yayılarak hizalama yapılırken değişebilir. Makale sitelerinde ziyaretçilerinize daha seçici okuma seçeneği sunar.

Örneğin:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"

/>

<title>Metin(Text) Özellikleri</title>

<style type="text/css">

p.deneme{

word-spacing: 10px; /* Yazi arası boşluk miktarı.*/

}

</style>

</head>

<body>

<p class="deneme">Yada Dünya nın x yerinde haksız yere ölen veya öldürülen insanları haber bültenlerinde gördüğümüzde nasıl devekuşları gibi kafamızı toprağa gömerek hiç bir şey yokmuş gibi sohbetimize devam ediyoruz. Elbette herkes zengin olsun. Ama bu Dünya daki herşey bazı kimselerin emrine verilmiş değildir.</p>

</body>

</html>



Kod:

<style type="text/css">

p.yazi{

word-spacing: 10px; /* Yazi arası boşluk miktarı.*/

}

</style>


Kod:

<p class="deneme">İÇERİK</p>



Çıktı:


Harfler arası bosluklar ayrıca satır iki kenara yayılarak hizalama yapılırken degisebilir. Ayrıca kullanım alanı yaygın olmayabilir ama form sayfalarındaki kişilerin imzası olarak kullanılabilir bir uygulama olabilir:)

Örneğin:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"

/>

<title>Metin(Text) Özellikleri</title>

<style type="text/css">

p.yazi{

letter-spacing: 5px;

}

</style>

</head>

<body>

<p class="yazi">Ya da dünyanın x yerinde haksız yere ölen veya öldürülen insanları haber bültenlerinde gördüğümüzde nasıl devekuşları gibi kafamızı toprağa gömerek hiç bir şey yokmuş gibi sohbetimize devam ediyoruz. Elbette herkes zengin olsun. Ama bu dünyadaki herşey bazı kimselerin emrine verilmiş değildir.</p>

</body>

</html>


Kod:

<style type="text/css">

p.yazi{

letter-spacing: 5px; /* Harf arası boşluk miktarı.*/

}

</style>


Kod:

<p class="yazi">İÇERİK</p>



Çıktı:
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git