CSS text-transform: Büyük Harf, Küçük Harf ve Capitalize (Örnekler)

CSS text-transform üzerine pratik bir kılavuz ve metni gerçekten değiştirmek için ne zaman JS kullanmanız gerektiği.

CSS text-transform: Büyük Harf, Küçük Harf ve Capitalize

Birçok geliştirici, metnin gerçek bir değişimini umarak "CSS ile büyük harfi küçük harfe çevirme" araması yapar. Ancak CSS sadece görsel görünümü değiştirir, dizenin gerçek değerini değiştirmez. Bu kılavuz bunun neden önemli olduğunu açıklıyor.

İçindekiler:

text-transform: lowercase

Metin küçük harf görünür ancak kaynak değişmeden kalır.
.sektor { text-transform: lowercase; }

text-transform: uppercase

Orijinal dizeyi değiştirmeden metin büyük harflerle sunulur.
.sektor { text-transform: uppercase; }

text-transform: capitalize

Capitalize, her kelimenin ilk harfini büyük gösterir — yine sadece görsel olarak.
.sektor { text-transform: capitalize; }

CSS vs JavaScript

Hangi teknolojinin ihtiyacınıza daha uygun olduğuna karar vermek için bu tabloyu kullanın.
Kullanım Durumu CSS JavaScript
Sadece Görsel Tasarım Evet Opsiyonel
Gerçek Metin Değişimi Hayır Evet
Form Gönderimi Hayır Evet

Gerçek Metni Dönüştürmek

Eğer metnin gerçekten değişmesine ihtiyacınız varsa (kopyala-yapıştır veya bir form için), JavaScript veya bir dönüştürücü kullanın.

SSS

CSS ve format ile ilgili sorularınız varsa, işte anahtar cevap.

text-transform kaynak metni değiştirir mi?

Hayır. Bu tamamen görsel bir dönüşümdür.

Ne zaman CSS yerine JavaScript kullanmalıyım?

Metin dizisinin gerçek değerinin değiştirilmesi gerektiğinde JS kullanın.

Kodsuz hızlı bir seçenek var mı?

Evet. Online dönüştürücüyü kullanın.

Kaynak Metni mi Değiştirmeniz Gerekiyor?

Sadece görsel stil değil, gerçek bir format değişimi için dönüştürücüyü kullanın.

Dönüştürücüyü Aç