Contoh
Transform teks dalam berbagai <p> elemen:
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti text-transform mengontrol kapitalisasi teks.
nilai default: | none |
---|---|
mewarisi: | yes |
Versi: | CSS1 |
sintaks JavaScript: | object .style.textTransform="uppercase" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Milik | |||||
---|---|---|---|---|---|
text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Syntax
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Nilai properti
Nilai | Deskripsi | Mainkan |
---|---|---|
none | Tidak ada kapitalisasi. teks menjadikan seperti itu. Ini adalah default | Mainkan " |
capitalize | Mentransformasi karakter pertama dari setiap kata menjadi huruf besar | Mainkan " |
uppercase | Mengubah semua karakter menjadi huruf besar | Mainkan " |
lowercase | Mengubah semua karakter menjadi huruf kecil | Mainkan " |
initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Text
Referensi HTML DOM: textTransform property