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

Başka Siteye HTML Yönlendirme Kodu
4 Eylül 2019
Buzzsumo Nedir? Ve Nasıl Kullanırım?
5 Eylül 2019
Tümünü İncele

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

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>