Belajar Mengubah Text Case Pada CSS
Assalamualaikum Sahabat Ikut Belajar Blog, gimana masih semangat belajarnya. masih tetap Belajar CSS ya. sekarang Belajar Mengubah Text Case Pada CSS. mengubah Text Case sangatlah mudah silahkan pelajari sendiri kalau tidak mengerti silahkan di bikin mengerti, hehe..
Text Case Pada CSS
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 property
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>
Hasil
tampilan code di atas dapat dilihat pada gambar berikut
Post a Comment
Silahkan Berkomentar Dengan Baik dan Sopan
No Spam
No Link
Terima Kasih Telah Berkunjung Ke Blog ini