Beranda » Tutorial » menggubah text menjadi huruf besar dengan css

menggubah text menjadi huruf besar dengan css

pernahkan anda menggalami masalah ingin mengubah text html menjadi huruf besar semua atau ingin mengubah menjadi huruf kecil semua cobalah dengan menggunakan kode berikut

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

contoh

buat tag html seperti dibawah

<!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">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>

</body>
</html>

untuk hasil nya dapat di lihat di sini

selamat mencoba semoga berhasil dan berguna bagi pembaca semuanya