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)
7 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)
    7 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