CSS text-transform Özelliği
CSS1
text-transform
özelliği, metnin büyük veya küçük harf olarak görünmesini sağlamak veya her kelimenin büyük harfle yazılması için kullanılır.
Yapısı (Syntax)text-transform: none | capitalize | uppercase | lowercase | initial | inherit;
Varsayılan Değer | none |
JavaScript Yapısı |
object.style.textTransform="Değer"
|
Animasyon Özellikleri Uygulanabilir | Hayır |
Değerler
Değer | Açıklama | Versiyon |
---|---|---|
none | Metin olduğu gibi işler. | CSS1 |
capitalize | Her kelimenin ilk karakterini büyük harfe dönüştürür. | CSS1 |
uppercase | Tüm karakterleri büyük harfe dönüştürür. | CSS1 |
lowercase | Tüm karakterleri küçük harfe dönüştürür. | CSS1 |
initial | Varsayılan değerine geri döndürür. | CSS1 |
inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
h1 elementi içerisindeki yazımızın tüm karakterlerini büyük harfe dönüştürmek istersek;
h1 { text-transform: uppercase; }
h2 elementi içerisindeki yazımızın tüm karakterlerini küçük harfe dönüştürmek istersek;
h2 { text-transform: lowercase; }
h3 elementi içerisindeki her kelimenin ilk karakterini büyük harfe dönüştürmek istersek; Fakat burada yazımızın tüm karakterleri büyük ise herhangi bir dönüştürme işlemi yapamayız.
h3 { text-transform: capitalize; }