Tutorial belajar css # Mengenal function value di css

Sebelumnya kita sudah belajar tentang propeti dan rule css.
Sekarang kita berkenalan dengan yang namanya function value css, sebuah nilai dari properti yang dibuat menggunakan fungsi dan parameter tertu.

Yuk kita langsung saja ketutorialnya,

Daftar Isi

Apa itu function di css?
Macam-macam function value css

Apa itu function di css?

Function css adalah sebuah fungsi yang memiliki inputan parameter dan pengembalian berupa nilai properti css yang digunakan pada properti tertentu

Tutorial belajar css # Mengenal function value di css

Macam-macam function value css

Berikut fungsi-fungsi css yang bisa kita gunakan,

calc function

Digunakan untuk mengkalkulasi nilai properti angka seperti width, height, dan lainnya,

Contohnya,

Deretcode

Output :

attr fucntion

Digunakan untuk mengambil nilai attribute element yang di seleksi

Contohnya,

Deretcode

Output :

url function

Digunakan untuk mengambil surce file gambar dan lainnya yang biasanya digunakan pada properti background-image

Contohnya,

Deretcode

Output :

hsl function

Digunakan untuk memberikan nilai pada properti color,background-color,border-color dan lainnya dengan tipe hsl

Contohnya,

Deretcode

Output :

hsla function

Digunakan untuk memberikan nilai pada properti color,background-color,border-color dan lainnya dengan tipe hsla

Contohnya,

Deretcode

Output :

linier-gradient function

Digunakan untuk mengatur gradasi linier sebagai gambar latar belakang

Contohnya,

Deretcode

Output :

radial-gradient function

Digunakan untuk mengatur gradasi radial sebagai gambar latar belakang

Contohnya,

Deretcode

Output :

repeating-radial-gradient function

Digunakan untuk membuat gradasi radial berulang sebagai gambar latar belakang

Contohnya,

Deretcode

Output :

repeating-linear-gradient function

Digunakan untuk membuat gradasi linier berulang sebagai gambar latar belakang

Contohnya,

Deretcode

Output :

cubic-bezier function

Digunakan untuk memberikan nilai dalam bentuk kurva kubik bezier

Contohnya,

Deretcode

Output :

var fucntion

Digunakan untuk membuat variabel dan mengambil nilainya

Contohnya,

Deretcode

Output :

rgb function

Digunakan untuk memberikan nilai pada properti color,background-color,border-color dan lainnya dengan tipe rgb

Contohnya,

Deretcode

Output :

rgba function

Digunakan untuk memberikan nilai pada properti color,background-color,border-color dan lainnya dengan tipe rgba

Contohnya,

Deretcode

Output :

Sekian dulu tutorial pengenalan function value css.
Jika kalian merasa artikel ini bermanfaat silahkan klik tombol share.
Jika ada hal yang ingin ditanyakan atau disampaikan silahkan tulis dikolom komentar.

Good luck !