text-transform Özelliği

text-transform özelliği, metin karakterlerinin büyük/küçük harf dönüşümünü ayarlar: üst register (büyük harfler), alt register (küçük harfler), her kelimenin ilk harfini büyük yapabilir.

Sözdizimi

cssseçici {
  text-transform: capitalize | lowercase | uppercase | none;
}

Değerler

Değer	Açıklama
`capitalize`	Cümledeki her kelimenin ilk karakteri büyük harf olur.
`lowercase`	Metindeki tüm karakterler küçük harfe dönüştürülür.
`uppercase`	Metindeki tüm karakterler BÜYÜK HARFE dönüştürülür.
`none`	Karakterlerin büyük/küçük harf durumunu değiştirmez.

Varsayılan değer: none.

Örnek . capitalize Değeri

Şimdi her kelimenin ilk harfi büyük olacak:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

Örnek . uppercase Değeri

Şimdi tüm karakterler büyük harf olacak:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

Örnek . lowercase Değeri

Şimdi tüm karakterler küçük harf olacak (yani küçük, büyük değil):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: