CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü  CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü | Googleda Görüntüle

CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü
 BEĞEN
  YORUM YAP

WallpaperPlay | Ücretsiz HD Masaüstü ve Mobil Wallpaper Duvar Kağıdı

Css'de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini daha önce görmüşsünüzdür.Ya da şuanda bu ders ile birlikte ilk kez görüyorsunuz.

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.Örnek vermek gerekirse, 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

javascript

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.

Etiketler

Yorumlar

Bu Konuya Ait 3 Onaylı Yorum Bulunuyor.

Mustafa

Mustafa

  1 yıl önce

Javascript örneğindeki "i" harfi sırıtıyor. Yani anlıcağınız çözüm değil. Bunu Türkçe font destekleyen yöntemle çözebilirsiniz.

Emre Ceyhan

Emre Ceyhan | Admin

  1 yıl önce

Türkçe font olayı ayrı bir durum elbette.Fakat bazı yerlerde bu yönteme ihtiyacınız illaki olacaktır.Bir sayfanın en baştan html tagına farklı bir dil verilirse bazı yerlerinde istisna kullanmak için bu yöntemin etkileyeci olacağını düşünüyorum.

Portal Adam

Portal Adam

  1 yıl önce

Hocam gerçekten bu kadar uğraşmaya gerek yokmuş. Sonunda çözümü buldum.

Emre Ceyhan

Emre Ceyhan | Admin

  1 yıl önce

Kodu burada paylaşabilir misiniz ? Fakat yorum olarak kodu göndermeyin, bi yere yapıştırarak iletirseniz daha iyi olur.

Portal Adam

Portal Adam

  1 yıl önce

Hocam yorumda tamamını yazmıştım ama ben size mail olarak atıyım. sizde paylaşın olur mu?

Emre Ceyhan

Emre Ceyhan | Admin

  1 yıl önce

Yapılan yorumlarda kodları filtreden geçiriyorum hocam ondan dolayı alamadım.
Mail atın ben bi inceliyim(grafikernrk@gmail.com)

Yorum Yap

CSS3 -webkit / -moz / -o Nedir ? CSS3 ve Tarayıcı İlişkisi

Belki daha önce karşılaşmız olabilirsiniz.Bazı CSS3 kodları birkaç defa aynı yazılıp baş...

  1433   5 ay önce

CSS3 Geçiş Efektleri - Transition Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar, çoğu sitelerde gördüğümüz daha yumuşak ve animasyonlu şekilde geçiş ...

  934   5 ay önce

3. İndir.com Mobil Uygulama Yarışması ABD'ye Götürüyor

İNDİR.COM MOBİL UYGULAMA YARIŞMASI ABD’ YE GÖTÜRÜYOR Geçtiğimiz ik...

  1141   1 yıl önce

CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü

Css'de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini...

  3823   2 yıl önce

Nejdet Acar 2 ay önce demiş ki;


Okumadan hemen cevaba sarılmayalım lütfen, okuyanlara ayıp oluyor...
Yoruma Git

Çılgın Koder 2 ay önce demiş ki;


Bunu çoklu resimlerde nasıl yapacağız? Ve limit koymak istesek nasıl koyarız.
Yoruma Git

isimsizler 3 ay önce demiş ki;


Sayın NEJDET ACAR, veri tabanı bağlantısınıda unutuyorsanız bırakın bu işleri kardes
Yoruma Git

ömer güzelyurt 4 ay önce demiş ki;


çok teşekkür ederim işime yaradı sağolsan :)
Yoruma Git