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;
Zafer Başpınar
Zafer BAŞPINAR Web hizmetleri alanına 2000 yıllarında başlayarak web hizmetleri alanında eğitim ve öğretim hayatına katarak gelişmekte olan web hizmetleri teknolojisine ayak uydurmaya gayret göstermektedir. Şuan ki durumu eğitim ve öğretim hayatına yurt dışında lisans olarak devam etmektedir.
Yorum Yaz

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

Yukarı Git