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ş...

  616   2 gün ö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ş ...

  345   1 hafta ö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...

  852   11 ay önce

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

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

  3060   1 yıl önce

Mesut Hocaoglu 1 hafta önce demiş ki;


İnternet ortamında " bu işin piriyim " diye geçinenlere nazaran kısa ve açıklayıcı anlatım...
Yoruma Git

Kutay Erten 1 hafta önce demiş ki;


Kardeşim seni tebrik ediyorum bu kadar kısa bir kodu uzun uzun anlatmışşın , renk geçişleri...
Yoruma Git

Abdullah 1 hafta önce demiş ki;


Teşekkürler:)
Yoruma Git

Ahmet Altınkaynak 3 hafta önce demiş ki;


Site içeriğini ve samimi cevaplarınızı çok takdir ettim. Bilgiler çok işime yarıyor Teşekk...
Yoruma Git