Menggunakan Variable pada CSS

Hallo teman-teman, pada kesempatan kali ini saya akan memberikan satu trik tentang css3 yang sangat berguna untuk kedepannya. Sebagai web desainer atau developer pastinya kalian tidak asing dengan CSS kan? Dalam setiap bahasa program biasanya terdapat variable untuk menampung value tertentu agar bisa digunakan berulang-ulang. Namun tahukah kalian bahwa ternyata CSS juga memiliki fitur variable.

Cara menggunakan variable pada css juga cukup mudah, kita hanya perlu mendevinisikan variable seperti berikut

selanjutnya kita cukup terapkan pada css seperti berikut, dimana variable yang ada pada selector :root diletakan pada value css dengan menggunakan fungsi var() dan -webkit-var() untuk alternative jika tidak berjalan pada browser Google Chrome

 

Sekarang kita buat dua buah tag html untuk penerapan css tersebut

jika dilihat pada browser akan menjadi seperti ini

 

Baiklah teman-teman, demikian artikel kali ini yang membahas tentang penggunaan variable pada css, semoga bermanfaat. terima kasih

23 November 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat