Hallo teman-teman, berjumpa kembali dengan saya Muhamad Rizal Hidayat (Murihat). Masih seperti biasa diwebsite dumetschool ini banyak sekali artikel yang bermanfaat dalam memberikan tutorial atau tips dan trik seputar desain website dan semoga teman-teman dapat dengan mudah dan semangat dalam mempelajari ilmu seputar desain website.
Pada kesempatan kali ini saya akan membahas tentang Cara Penggunaan Property text-decoration pada CSS3. Sebenarnya sangat jauh berbeda dengan css1 dan css2 pada browser dalam penulisan property text-decoration ini namun fungsi dan tujuannya tetap sama saja.  Fungsi dari text-decoration adalah untuk membuat dekorasi text dan untuk penulisan property text-decoration pada css1 dan css2 browser contohnya seperti ini misalnya “text-decoration:underline;†dan untuk css3 sekarang menjadi seperti ini “text-decoration: overline wavy lightblue;†(tanpa tanda petik). Untuk lebih jelasnya mari kita mulai mempraktekannya.
Pertama-tama teman-teman jalankan/run text-editor yang teman-teman gunakan, jika sudah silahkan teman-teman copy/ketik script HTML dan CSS seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<html> <head> <meta charset="UTF-8"> <title>Text-Decoration in CSS3</title> <style> h1{ text-decoration: underline; /* CSS1 dan CSS2 browser */ text-decoration: overline wavy lightblue; /* CSS3 browsers */ /* text-decoration: <text-decoration-line> || <text-decoration-style> || <text-decoration-color>; */ } </style> </head> <body> <h1>Percobaan text-decoration</h1> </body> </html> |
Jika sudah silahkan teman-teman simpan, penjelasan pada script diatas yang saya berikan komentar sudah cukup paham ya teman-teman jadi perbedaan penulisan antara css1,css2,dan css3 pada browser hanya seperti itu saja pada property text-decoration ini. Oke langkah  selanjutnya silahkan teman-teman jalankan dibrowser yang teman-teman gunakan maka hasilnya akan menjadi seperti pada gambar dibawah ini :
Bagaimana teman-teman ? cukup mudah ya tentang  Cara Penggunaan Property text-decoration pada CSS3. Contoh dasarnya seperti diatas ya teman-teman dan silahkan modifikasi sesuai selera dan keinginan teman-teman.
Oke kalau begitu cukup sekian pembahasan kali ini tentang Cara Penggunaan Property text-decoration pada CSS3. Semoga bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih