Gazetelerdeki Gibi Yazıların İlk Harfi Büyük Olsun

Şimdi size birkaç örnek göstereceğim bunun için.

Örnek 1

<span style="font-size:400%;float:left;
line-height:.8em;">G</span>azete okurken illa farketmişsinizdir.
Paragrafın ilk harfi büyük olur yazının standart font boyutuna göre.
Aynen bu yazımda da olduğu gibi  Eminim bunu çoğunuz merak
ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz.
Çözüm yolu ise tabiki CSS.

Örnek 1 Önizleme

Gazete okurken illa farketmişsinizdir.
Paragrafın ilk harfi büyük olur yazının standart font boyutuna göre.
Aynen bu yazımda da olduğu gibi Eminim bunu çoğunuz merak
ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz.
Çözüm yolu ise tabiki CSS.

Örnek 2

<style type="text/css">
<!--
.ilkharf:first-letter {
font-size:400%;
float:left;
line-height:.8em;
}
-->
</style>
<p class="ilkharf">Gazete okurken illa farketmişsinizdir.
Paragrafın ilk harfi büyük olur yazının standart font boyutuna göre.
Aynen bu yazımda da olduğu gibi  Eminim bunu çoğunuz merak
ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz.
Çözüm yolu ise tabiki CSS.</p>

Örnek 2 Önizleme

Gazete okurken illa farketmişsinizdir.
Paragrafın ilk harfi büyük olur yazının standart font boyutuna göre.
Aynen bu yazımda da olduğu gibi Eminim bunu çoğunuz merak
ediyor ve nasıl yapacağınızı arada bir de olsa düşünüyordunuz.
Çözüm yolu ise tabiki CSS.

Her ikisinin de önizlemesi yazımın başındaki gibi oluyor. Aralarındaki fark; birinci kod içerisinde metnin ilk harfine elle stil uygulamanız, ikinci de ise CSS’nin stil fonksiyonunun kullanılacağı metnin ilk harfine stili otomatik uygulamasıdır.

Bu örnekleri uygulayabileceğinizi düşünerek daha fazla üzerinde durmuyorum

Bu yazı 14 Mayıs 2006, 00:39 tarihinde yazılmış olup bu zamana kadar 4,025 kez görüntülenmiştir
En son ise 14 Eylül 2006, 09:38 tarihinde güncellenmiştir