CSS 3 ::first-letter Kullanımı

CSS 3’te çoğumuzun farkında olmadığı bir kullanımı sizlerle paylaşmak istiyorum. Bir elemanın içerisindeki yazıların ilk harfini biçimlendirmek istiyorsak “::first-letter” pseudo-element’ini kullanarak toplu şekilde biçimlendirme işlemlerimizi yapabiliriz.

p::first-letter {
  font-size: 200%;
  font-weight: bold;
}

Bu kod sonrasında tüm paragraf içeriklerindeki yazıların “ilk harfleri” varsayılan font büyüklüğüne yüzde 200 oranlanmış ve kalın biçimli olarak ekranda görünecektir.

Bir sonraki yazımda görüşmek üzere.

CSS 3 text gölgelendirme ile ilgili yazıya buradan,

CSS 3 box shadow ile ilgili yazıya buradan ulaşabilirsiniz.

Kaynak: https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter