Properti text-transform CSS

Definisi dan penggunaan

Atribut text-transform mengendalikan ukuran huruf teks.

Keterangan

Atribut ini akan mengubah ukuran huruf dalam elemen, tanpa mengambil perhatian ukuran huruf teks asli. Jika nilai adalah capitalize, maka harus diucapkan beberapa huruf, tetapi tidak didefiniskan bagaimana menentukan huruf yang harus diucapkan, yang tergantung pada bagaimana user agent mengenali "kata-kata".

Lihat pula:

Panduan CSS:Tekst CSS

Panduan HTML DOM:Atribut textTransform

Contoh

Mengubah teks dalam elemen yang berbeda:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Coba sendiri

Petunjuk dan keterangan

Keterangan:User agent yang berbeda mungkin menggunakan metode yang berbeda untuk menentukan dimana kata mulai, dan sebaliknya menentukan huruf yang harus diucapkan. Contohnya, teks "w3-school" dapat ditampilkan dalam dua cara: "W3-school" dan "W3-School". CSS tidak menentukan yang benar, jadi keduanya dapat digunakan.

Sintaksis CSS

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Standar. Definisi teks standar dengan huruf kecil dan besar.
capitalize Setiap kata dalam teks diawali dengan huruf besar.
uppercase Definisi hanya huruf besar.
lowercase Definisi tanpa huruf besar, hanya huruf kecil.
inherit Ditetapkan supaya nilai text-transform diwarisi dari elemen induk.

Detil teknis

Nilai standar: none
Inheritance: yes
Versi: CSS1
Sintaksis JavaScript: object.style.textTransform="uppercase"

Contoh lebih banyak

Kendalikan huruf dalam teks
Contoh ini menunjukkan bagaimana mengendalikan ukuran huruf dalam teks.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0