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>