CSS :first-letter İle yazıların ilk harfini sitillendirme

Html yapısı içerisinde herhangi bir “span” yapısı kullanmadan yazılarımızın ilk harfini sözde eleman yapısı ile istediğimiz gibi düzenleye bilirsiniz. :first-letter sözde eleman yapısı , yazıların ilk harfine sanki bir etiket eklemiş gibi düzenlemenize yardımcı olacaktır.Bu kullanım yönetemi ile html içerisinde fazla kod yazımından da tasarruf etmiş sayılabilir. :first-letter kullanımına örnekler üzerinde inceleyelim.

 

:first-letter Kullanımı

 

See the Pen mJLZEQ by MinimalCoding (@MinimalCoding) on CodePen.

 

First letter yapısını yazacak olduğunuz bir haberin ilk harfini büyülterek başlamak isteye bilirisiniz. Bir eleman gibi kullana bileceğiniz için istediğiniz ilgili CSS özelliğini de atayabilirsiniz.

 

See the Pen QbrXdw by MinimalCoding (@MinimalCoding) on CodePen.