Sebagai bahan tutorial, berikut adalah contoh kode HTML dan CSS dalam penggunaan properti text-transform dan font-variant:
<!DOCTYPE html>
<html>
<head>
<title>Belajar text-transform dan font-variant</title>
<style type="text/css">
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.cap { text-transform: capitalize; }
.small { font-variant: small-caps; }
</style>
</head>
<body>
<h2>Belajar CSS: text-transform dan font-variant</h2>
<p class="upper">KALIMAT dengan text-transform: UPPERCASE</p>
<p class="lower">KALIMAT dengan text-transform: lowercase</p>
<p class="cap">KALIMAT dengan text-transform: Capitalize</p>
<p class="small">Kalimat dengan font-variant: small-caps</p>
</body>
</html>
Mengubah tampilan huruf dengan text-transform dan font-variant lebih banyak digunakan untuk bagian-bagian penting dari web seperti judul artikel, navigasi, atau sidebar. Efek yang dihasilkan membuat tampilan akhir menjadi seragam, terlepas dari cara penulisan teks yang dipakai.
Sumber : Duniailkom.com
0 comments: