Css [ Text-Transform:Uppercase ] Karakter Sorunu Çözümü

ferhatyigit-uppercase-sorunu

Css’de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini daha önce görmüşsünüzdür.

Bunu kısaca açıklayacak olursak, herhangi bir class,id veya html tagına bu parametreyi verdiğimizde içerisinde bulunan tüm yazıları büyük harfli olacak şekilde biçimlendirir.

Fakat bazen önümüze bir takım sorunlar çıkarabiliyor. Örneğin, küçük harflerle javascript yazıyorsa ve biz bu yazının bulunduğu tag’a text-transform:uppercase parametresini verdiysek, bu yazı JAVASCRİPT şeklinde olacaktır. Ne demek o yahu ? İngilizcede büyük i var mı ? Tabikide hayır.

Bu sorundan aşağıda göstermiş olduğum örnek ile kurtulabilirsiniz.

Html Kodu:

<h1 lang="en">javascript</h1>

 

Css Kodu:

h1 {
    text-transform: uppercase
}
Burada ki fark h1 tagına verdiğimiz lang=”en” komutu oluyor. Yani tarayıcıya diyoruz ki; bak dostum bu ingilizce içerikli bir element’dir.
Duruma göre lang=”tr” olarakta ayarlayabiliriz. Bu kullanacağımız yere bağlıdır. Benim belirtmek istediğim bu şekilde karakter sorunlarından kurtulabileceğiniz.