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

2018-01-25 22:13:32 K.Alpten 0

Bildiğiniz üzere kodlamalarda harf büyüklükleri standart olur ve veritabaninda nasılsa öyle veriler çekilir. Fakat bütün isim ve soyisimlerin büyük harfle veritabanina kaydedildiği bir personel sayfasında patron gelip "evlat bu sayfadaki isim ve soyisimlerin sadece baş harfleri büyük olsun" derse haydeeee diyip tek tek replace yapmaya kalkmayın veya başka yöntemlerle çözüm üretmeye kalkmayın alın size css ile genel bir çözüm.

 

<!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>