Dengan menggunakan CSS, Anda dapat pula mengubah suatu teks menjadi huruf kecil semua (lowercase), besar semua (uppercase), atau capitalize (hanya huruf pertama dari kata yang dibuat besar). Hal ini dilakukan dengan menggunakan properti
text-transform : option;
dengan option dapat diganti dengan lowercase, uppercase, atau capitalize.
Contoh:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Guide</title> <style type="text/css"> #heading1 { text-transform : uppercase; } #heading2 { text-transform : lowercase; } #heading3 { text-transform : capitalize; } </style> </head> <body> <h1 id="heading1">Ini Judul Heading 1</h1> <h1 id="heading2">Ini Judul Heading 2</h1> <h1 id="heading3">Ini Judul Heading 3</h1> </body> </html>
Maka hasilny
Selanjutnya kita akan akan membahas tentang cara membuat drop cap.
Untuk melihat artikel/materi lainnya silahkan masuk di sini