CSS text-transform özelliği

Tanım ve kullanım

text-transform özelliği, metnin büyük küçük harf kullanımını kontrol eder.

Açıklama

Bu özellik, kaynak belgedeki metnin büyük küçük harf kullanımına bakılmaksızın element içindeki harflerin büyük küçük harf kullanımını değiştirir. Değer capitalize ise, bazı harflerin büyük harf olarak yazılması gerekecektir, ancak hangi harflerin büyük harf olarak yazılacağı açıkça tanımlanmamıştır, bu kullanıcı aracısına bağlıdır.

Ayrıca bakınız:

CSS eğitimi:CSS metin

HTML DOM referans el kitabı:textTransform özelliği

Örnek

Farklı elementler içindeki metni dönüştürme:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Kişisel olarak deneyin

İpuçları ve yorumlar

Yorum:Farklı kullanıcı aracılar, kelimenin nereden başladığını belirlemek için farklı yöntemler kullanabilir ve bu da hangi harflerin büyük harf olarak belirleneceğini belirler. Örneğin, "w3-school" metni iki şekilde gösterilebilir: "W3-school" ve "W3-School". CSS, hangi birinin doğru olduğunu belirlememektedir, bu yüzden her ikisi de olabilir.

CSS dilbilgisi

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Özellik değeri

Değer Açıklama
yok Öntanımlı. Küçük ve büyük harfler içeren standart metni tanımlar.
capitalize Metin içindeki her kelime büyük harfle başlar.
uppercase Sadece büyük harfler içeren tanımlar.
lowercase Büyük harf olmayan, sadece küçük harfler içeren tanımlar.
inherit text-transform özelliğinin değerini ebeveyn elemanından alması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: yok
Geçişlilik: evet
Sürüm: CSS1
JavaScript dilbilgisi: object.style.textTransform="uppercase"

Daha fazla örnek

Metin içindeki harfleri kontrol etme
Bu örnek, metin içindeki harflerin büyük küçük harf kullanımını nasıl kontrol edeceğinizi gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0