text-transform:uppercase

9 Temmuz 2015

Daha önce denediğimde bazı tarayıcıların sorun çıkardığını hatırlıyorum. Aklımda öyle kalmış. Bundan dolayı bu özelliği bugüne kadar hiç kullanmadım. Bir iş dolayısıyla kullanmam gerektiğinde çalıştığını görünce sevindim. Hatta denedeğim tüm tarayıcılarda (IE8 dahi) çalıştı.

2006’da yazdığım CSS’de Metin(Text) Özellikleri yazısından text-transform‘dan bahsetmişim. Kod yapısı basit.

HTML kodu:

<h1>Bu başlığı büyük harflerle göster</h1>

CSS kodu:

h1 {
    text-transform: uppercase
}

Tabi birde dilimizi belirtmemiz gerekiyor ki tarayıcı hangi dilde büyültme yapacağını bilsin.

HTML kodunu şöyle değiştirelim. h1‘e lang=”tr” ekleyelim.

<h1 lang="tr">Bu başlığı büyük harflerle göster</h1>

Kalın sağlıcakla

Kaynaklar

Javascript ile medya kontrolü

CSS ile birlikte çok fazla medya kontrolünü kullanıyoruz.{% highlight css %}/* Smartphones (portrait) ----------- [email protected] only screen an...… Devamını oku

Yenilenen Google Çeviri hizmeti

31 January 2017 tarihinde yayınlandı.

CSS ile çıktı alırken sayfa sonunu belirlemek

30 January 2017 tarihinde yayınlandı.