CSS: Büyük ve Küçük Harf Dönüştürme

CSS: Büyük ve küçük harf dönüştürmeyi birlikte öğrenelim.

CSS kodlarken harf duyarlılığı standart olur, bazı çalışmalarda başlıkların veya tüm fonksiyonların büyük küçük harf olmasını isteriz. Bu kodlamayı aşağıdaki şekilde gerçekleştiririz.

Büyük Harf Dönüştürme

Kod:


text-transform: lowercase; /* Hepsi küçük harf */
 text-transform: uppercase; /* Hepsi büyük harf  */
 text-transform: capitalize; /* İlk harfler büyük */



Örnek

<!DOCTYPE html>
<html>
<head>
    <style>
        p.buyuk {text-transform:uppercase;}
        p.kucuk {text-transform:lowercase;}
        p.basibuyuk {text-transform:capitalize;}
        h2.buyuk {text-transform:uppercase;}
        h3.kucuk {text-transform:lowercase;}
        h4.basibuyuk {text-transform:capitalize;}
    </style>
</head>
<body>

<!-- <p> Kullanımı -->

<p class="buyuk">sanalkurs</p>
<p class="kucuk">sanalkurs</p>
<p class="basibuyuk">sanalkurs</p>

<!-- <h> Kullanımı -->

<h2 class="buyuk">sanalkurs</h2>
<h3 class="kucuk">sanalkurs</h3>
<h4 class="basibuyuk">sanalkurs</h4>

<!-- style="" İçinde Kullanımı -->

<!-- <p> Kullanımı -->

<p style="text-transform:uppercase">sanalkurs</p>
<p style="text-transform:lowercase">sanalkurs</p>
<p style="text-transform:capitalize">sanalkurs</p>

<!-- <h> Kullanımı -->

<h2 style="text-transform:uppercase">sanalkurs</h2>
<h3 style="text-transform:lowercase">sanalkurs</h3>
<h4 style="text-transform:capitalize">sanalkurs</h4>


</body>
</html>



Çalışmalarınızda Başarılar Dilerim
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git