Hallo sobat program, bertemu kembali dengan saya Rizal dan masih diwebsite dumetschool. Pada kesempatan kali ini saya akan memberikan tips sederhana tentang Cara Menggunakan Variable pada CSS.
Apabila anda seorang desainer website pasti anda tidak asing dengan yang namanya variable css. ya variable css hampir sama seperti bahasa pemograman lainnya seperti php dan javascript yaitu untuk menampung, menginisialkan atau mendefinisikan suatu nilai yang ditulis oleh programmer itu sendiri.
Misalnya saya mempunyai sebuah variable warna dengan nilai hijau maka jika saya ingin menggunakan warna hijau tersebut saya hanya tinggal menyebutkan variable warna nya saja jadi seperti itu contohnya.
Oke saya rasa cukup paham ya teman-teman, lalu bagaimana Cara Menggunakan Variable pada CSS. baik kita mulai saja, penulisan variable pada css untuk sederhananya menggunakan (–) “tanpa tanda kurung) dan untuk pemanggilannya menggunakan var(–).
Kalau masih bingung oke simak contoh penulisannya seperti dibawah ini :
Code diatas saya membuat div dengan class berbeda yang nantinya menggunakan warna yang sama dengan bantuan variable css. oke langkah selanjutnya teman-teman lihat css nya dibawah ini :
Pada CSS diatas saya membuat sebuah global dengan isinya variable bg-color atau –bg-color dan untuk pemanggilanannya var(–bg-color) maka warnah yang dihasilkan akan sama yaitu lightblue. Dan hasil jadinya akan menjadi seperti pada contoh dibawah ini :
Jadi seperti itulah contoh sederhana tentang Cara Menggunakan Variable pada CSS. semoga dapat menambah ilmu untuk teman2 programmer. Dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
The post Cara Menggunakan Variable pada CSS appeared first on Kursus Website Terbaik.