Pada tutorial kali ini akan membahas bagaimana cara mengatur teks pada CSS menggunakan text transformation. Mengatur text transformation dapat dilakukan menggunakan properti text-transform. Properti text-transform pada CSS digunakan untuk membuat teks menjadi huruf besar (uppercase) dan huruf kecil (lowercase) dalam teks.
Properti text-transform juga dapat digunakan untuk mengubah semua teks menjadi huruf besar atau kecil, atau menggunakan huruf besar pada huruf pertama (capitalize) dari setiap kata.
Contoh :
Penggunan text-transform uppercase, lowercase, dan capitalize pada teks.
<!DOCTYPE html> <html> <head> <style> p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize { text-transform: capitalize; } </style> </head> <body> <p class="uppercase">Ini sebuah kalimat.</p> <p class="lowercase">Ini sebuah kalimat.</p> <p class="capitalize">Ini sebuah kalimat.</p> </body> </html>
Sekian bahasan dan contoh cara penggunaan text transformation pada CSS, semoga bermanfaat.
