CSS büyük, küçük harf dönüştürme kodu

CSS büyük, küçük harf dönüştürme kodu

Daha önce denk geldiniz mi bilmiyorum ama özellikle yabancı kaynaklardan tema indirip kullananlar muhtemelen bu soruna denk gelmiştir ya da bu konu ile ilgili ufak bir araştırma yapmıştır, büyük küçük harf dönüştürme kodu.

Etiketlerde, yayın başlıklarında, yazılarda, eklentilerde ve istediğiniz her yerde bu basit harf dönüştürme kodlarını kullanabilirsiniz. Peki nedir bu kodlar?

text-transform: capitalize; İlk harfleri büyük yapar.
text-transform: uppercase; Tüm harfleri büyük yapar.
text-transform: lowercase; Tüm harfleri küçük yapar.

Kodlar bu şekilde dostlarım. Kullanımına örnek vermek gerekirse:

.label-size a {
    display: inline-block;
    color: #444;
    padding: 5px;
    text-transform: capitalize;

Kendi blogumdan bu kodları örnek verebilirim. Kategori kısmında yer alan etiketleri küçük harflerle yazmışım. Tüm etiketleri yeniden düzenlemek yerine CSS kısmına;

text-transform: capitalize;

kodunu ekleyince, etiketlerin ilk harfleri büyük oluyor ve sorun çözülmüş oluyor.

Yabancı kaynaklardan indirilen temalarda bazen post başlıklarının hepsi büyük harf olabiliyor ya da etiketler, linkler... Her ne kadar Türkçe ve küçük harflerle yazmayı deneseniz de yukarıdaki text-transform kodu düzeltmeden bu sorunu aşamazsınız. Bu yüzden yukarıdaki kodu bilmekte fayda var.

Konu ile ilgili sorularınız olursa yorum yaparak bildirebilirsiniz.