CSS

Text Transformation di CSS : Membuat dan Contoh Sintaknya

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.


Catur Kurnia Sari

Share
Tags: CSS