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

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

  790   10 ay önce

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

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

  2882   1 yıl önce

Input Değerlerini Ön Belleğe Alma [ localStorage ]

Bir form doldurma esnasında tarayıcının yanlışlıkla veya herhangi bir hata sonucu kapanması...

  1540   1 yıl önce

Javascript İle Upload Öncesi Görselleri Önizlemek

Bir çok yerde elbet karşınıza çıkmıştır, bir fotoğraf yüklüyorsunuz ve seçtiğiniz and...

  2269   1 yıl önce

Engin Pala 2 hafta önce demiş ki;


Teşekkür ederim ben işe koyuluyorum o zaman :D
Yoruma Git

Engin Pala 2 hafta önce demiş ki;


Merhaba Emre bey döviz kurlarının sürekli değişmesi mümkün mü yani anlık olarak nasıl çe...
Yoruma Git

Misafir 2 hafta önce demiş ki;


hocam bilgi için teşekkürler
Yoruma Git

sadık ikinci 1 ay önce demiş ki;


Emre bey, sizin kodlar ile merkez bankasından döviz değeri çekip, sitede para birimi dönüştü...
Yoruma Git