CSS Büyük ve Küçük Harf Dönüştürme

Text-transform özellik metnin tümünü büyük ve küçük harf yapmak isteyebiliriz veya Her kelimenin ilk harfini büyük harfe dönüştürmek için kullanılır.


.buyuk_harf {
 text-transform: uppercase;
}

text-transform’un özelliğinin alabileceği değerler:

Metnimizi tümünü, büyük harfe çevirelim:

HTML:


<p class="test">Bu gün hava çok güzel</p>	

CSS:


.test{
    text-transform: uppercase;
}

ÇIKTI:

BU GÜN HAVA ÇOK GÜZEL

Bazı tarayıcılarda hata çıkarsa tarayıcı hangi dilde büyütme yapacağını bilsin. HTML başlangıç etiketinin dil ayarını "tr" olarak değiştirelim.


<html lang="en">   <--!yerine-->

<html lang="tr">   <--!yazın-->	


Metnimizi tümünü, küçük harfe çevirelim:

HTML:


<p class="test">BU GÜN HAVA ÇOK GÜZEL</p>	

CSS:


.test{
    text-transform: lowercase;
}

ÇIKTI:

bu gün hava çok güzel

Her kelimenin ilk harfi büyük harf yapalım:

HTML:


<p class="test">Bu gün hava çok güzel</p>	

CSS:


.test{
    text-transform: capitalize;
}

ÇIKTI:

Bu Gün Hava Çok Güzel
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

5044

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML ARKAPLANA MÜZİK EKLEME
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.