CSS text transform property berfungsi untuk merubah format teks secara otomatis melalui kode CSS. Ada 4 pilihan nilai yang bisa digunakan.
- Value » capitalize | uppercase | lowercase | none
- Initial » none
- Applies to » all elements
- Inherited » yes
- Percentage values » N/A
- capitalize » Membuat setiap kata dalam teks berawalan huruf besar
- uppercase » Membuat keseluruhan teks (setiap karakter) berhuruf besar.
- lowercase » Membuat semua karakter teks berbentuk huruf kecil.
- none » Bentuk karakter/teks sesuai dengan penulisan
Penulisan deklarasi CSS text-transform Property
text-transform: value; text-transform: capitalize; text-transform: uppercase; text-transform: lowercase; text-transform: none;
Contoh penggunaan
<style type="text/css">
p.uppercut{
text-transform: uppercase;
}
h3.capityuyu{
font-size:27px;
text-transform: capitalize;
}
<p class="uppercut">
Text here!
</p>
<h3 class="capityuyu">
Text here!
</h3>Demo di bawah ini memperlihatkan setiap efek dari penggunaan nilai/value yang ada pada text-transform property. Edit dan lakukan pada elemen lain seperti "p", "DIV" dan yang lainnya.
Please click the button to display. Continue with editing code and click to see the results!
Tidak ada komentar:
Posting Komentar