Upload
dani-imansyah
View
200
Download
0
Embed Size (px)
Citation preview
CSS Tutorial rosihanari.net
Mengubah Text Case 38
Mengubah Text Case Dengan 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>
Hasil tampilan code di atas dapat dilihat pada gambar berikut.
CSS Tutorial rosihanari.net
Mengubah Text Case 39