Giriş yap

CSS text-transform Özelliği
CSS1

text-transform özelliği, metnin büyük veya küçük harf olarak görünmesini sağlamak veya her kelimenin büyük harfle yazılması için kullanılır.

Yapısı (Syntax)text-transform: none | capitalize | uppercase | lowercase | initial | inherit;

Varsayılan Değer none
JavaScript Yapısı object.style.textTransform="Değer"
Animasyon Özellikleri Uygulanabilir Hayır

Değerler

Değer Açıklama Versiyon
none Metin olduğu gibi işler. CSS1
capitalize Her kelimenin ilk karakterini büyük harfe dönüştürür. CSS1
uppercase Tüm karakterleri büyük harfe dönüştürür. CSS1
lowercase Tüm karakterleri küçük harfe dönüştürür. CSS1
initial Varsayılan değerine geri döndürür. CSS1
inherit Değerini üst öğesinden miras alır. CSS1

Örnekler

h1 elementi içerisindeki yazımızın tüm karakterlerini büyük harfe dönüştürmek istersek;

h1 { text-transform: uppercase; }

h2 elementi içerisindeki yazımızın tüm karakterlerini küçük harfe dönüştürmek istersek;

h2 { text-transform: lowercase; }

h3 elementi içerisindeki her kelimenin ilk karakterini büyük harfe dönüştürmek istersek; Fakat burada yazımızın tüm karakterleri büyük ise herhangi bir dönüştürme işlemi yapamayız.

h3 { text-transform: capitalize; }

onuralpkaratas
25 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar