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; }