CSS ile büyük küçük harf dönüşümü (text-transform) nasıl yapılır?

0

CSS ile büyük/küçük harf dönüşümü (text-transform) nasıl yapılır?

CSS ile metni tümünü büyük harf yapabilirmiyim?

CSS ile metni tümünü küçük harf yapılabilir mi?

CSS text-transform nedir? nasıl kullanılır?

fenerbahce fenerbahce (107)
5 yıl önce sordu

Toplam 1 Cevap


1

CSS ile büyük küçük harf dönüşümü text-transform ile yapılabilmektedir.

text-transform : element içinde kullanılanılan metnin gösterilme biçimini belirlemek için kullanılmaktadır.

text-transform özelliğinin alabildiği değerler ise şunlardır;

  • none : Metin değiştirilmez. (Varsayılan değer)
  • capitalize : Metindeki her kelimenin ilk harfi büyük gösterilir.
  • uppercase : Metindeki tüm harfler büyük gösterilir.
  • lowercase : Metindeki tüm harfler küçük gösterilir.

text-transform Kullanımı

Metni büyük harflerle yazmak için;

.buyukharf{
    text-transform:uppercase;
}
<p class="buyukharf"> uzmanım.net </p>

Kodun çıktısı UZMANIM.NET şeklinde olacaktır.

 

Metni küçük harflerle yazmak için;

.kucukharf{
    text-transform:lowercase;
}
<p class="kucukharf"> UZMANIM.NET </p>

Kodun çıktısı uzmanım.net şeklinde olacaktır.

 

Metni ilk harfleri büyük yazmak için;

.ilkharfbuyuk{
    text-transform:capitalize;
}
<p class="ilkharfbuyuk"> uzmanim.net </p>

Kodun çıktısı Uzmanım.net şeklinde olacaktır.

 

 

 

ergin ergin (2515)
5 yıl önce cevaplandı

üyelik gerektirir

Cevap yazabilmek için üye girişi yapmalısınız.

Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol