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
seç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:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: capitalize;
}
:
Örnek . uppercase Değeri
Şimdi tüm karakterler büyük harf olacak:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-transform: uppercase;
}
:
Örnek . lowercase Değeri
Şimdi tüm karakterler küçük harf olacak (yani küçük, büyük değil):
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
p {
text-transform: lowercase;
}
: