CSS ile Paragrafın İlk Harfini Biçimlendirme

Bu makalede CSS ile paragrafların ilk harfini biçimlendirmeyi öğreneceğiz. Özellikle gazetelerde ve dergilerde sıkça kullanılan bir biçimlendirmedir. Paragrafların ilk harfi büyük olur, böylece tasarım olarak daha güzel sayfalar elde edilir. Bunun için CSS'nin first-letter seçicisini kullanacağız. first-letter seçicisi sadece ilk harfi etkiler. Şimdi birkaç örnekle nasıl yapılacağını açıklayalım.

Syntax

p:first-letter
{
   ... 
}

Ana sayfadaki makale özetlerinde olduğu gibi paragrafın ilk harfini büyük yapalım.

Üstteki örnek çok güzel olmadı diyorsanız ilk harfi daha farklı yere alalım. Bunu da CSS'nin float ve line-height özelliğini kullanarak yapacağız.

Şimdi ilk harfin rengini değiştirelim.