İlk Harfi Büyük Yapmak

Aşağıdaki görselde gördüğünüz gibi bazı kitapların başlangıç paragraflarındaki ilk harf büyük olabiliyor. Size bu konuda yardımcı olmaya çalışacağım.

Adsız

Bu gibi durumlarda iki adımda bu işi çözebilirsiniz.

  1. CSS dosyasına <span> kodlu bir sınıf oluşturmak.
  2. <span> kodunu ilk harfe uygulamak.

 

 

CSS Dosyasına <span> Kodlu Bir Sınıf Oluşturmak

Kırmızı renk ile yazdığım kodu direk css dosyanıza kopyalamalısınız.

.ilkharf {font-size:2.5em;font-weight:bold;float: left;margin: -0.1em 0.1em -0.4em -0.05em;}

11

<span> Kodunu İlk Harfe Uygulamak

Daha sonra paragraftaki ilk harfin soluna “>” karakterinin sağına şunu yazıyoruz. <span class=”ilkharf”>

11a

Şimdi ilk harfin sağına geçip CTRL tuşuna basık tutup .(nokta) tuşuna bir kez basarak, program kodumuzu </span> ile kapamış olması gerekiyor.

11b

ve sonuç

11c

İlk harfin boşluk değerlerini beğenmeyenler için söylemeyi unutmayayım. Eğer boşlukları artırıp azaltacaksanız, css dosyasındaki .ilkharf sınıfındaki margins değerleriyle oynayınız.

 

Reklamlar

5 thoughts on “İlk Harfi Büyük Yapmak

    • SAM 29 Mayıs 2017 / 17:42

      css dosyasındaki ilkharf sınıfındaki margin değerleriyle oynamalısınız.
      ayrıca ilkharf kodunun bulunduğu

      etiketine de bir sınıf açmayı unutmayın.

      Beğen

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s