Home » CSS » Text Transformation di CSS : Membuat dan Contoh Sintaknya

Text Transformation di CSS : Membuat dan Contoh Sintaknya

by Catur Kurnia Sari
by Catur Kurnia Sari

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.

You may also like