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

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.

Ş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