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>
0 comments:
Post a Comment