Panduan Referensi Fungsi CSS

Fungsi CSS

Fungsi CSS dapat digunakan untuk menghitung nilai, mengoperasikan string atau warna, membuat gradien dan bentuk yang kompleks, dan lainnya.

Fungsi CSS biasanya digunakan sebagai nilai properti CSS yang beragam.

Fungsi Deskripsi
acos() Kembalikan nilai arccos yang sebaliknya antara -1 dan 1 dari bilangan.
asin() Kembalikan nilai arcsin yang sebaliknya antara -1 dan 1 dari bilangan.
atan() Kembalikan nilai arctan yang sebaliknya antara -∞ dan ∞ dari bilangan.
atan2() Kembalikan nilai arctan yang sebaliknya antara -∞ dan ∞ dari dua nilai.
attr() Kembalikan nilai properti elemen yang dipilih.
blur() Aplikasikan efek blur pada elemen.
brightness() Mengatur kecerahan elemen (lebih cerah atau lebih gelap).
calc() Memungkinkan untuk melakukan perhitungan untuk menentukan nilai properti CSS.
circle() Mendefinisikan lingkaran.
clamp() Tentukan nilai yang akan diatur untuk berubah di antara nilai minimum dan maksimum berdasarkan ukuran viewport.
color() Memungkinkan untuk menentukan warna di ruang warna yang ditentukan.
color-mix() Campur nilai warna dalam ruang warna yang diberikan berdasarkan proporsi yang diberikan.
conic-gradient() Buat gradien konik.
contrast() Mengatur kontras elemen.
cos() Kembalikan nilai kosinus sudut.
counter() Kembalikan nilai saat ini pengecekan yang terdapat dalam penamaan.
counters() Kembalikan nilai saat ini penhitungan dan pengecekan yang terdapat dalam penamaan.
cubic-bezier() Mendefinisikan garis Bezier tiga dimensi.
drop-shadow() Aplikasikan efek proyeksi pada gambar.
ellipse() Mendefinisikan ellips.
exp() Kembalikan kekuatan E ke dalam pangkat x (Ex)
fit-content() Memungkinkan mengatur ukuran elemen berdasarkan konten.
grayscale() Konversi gambar ke warna abu-abu.
hsl() / hsla() Tentukan warna menggunakan model warna HSL (hue-saturation-lightness); secara opsional dapat mengandung komponen alpha.
hue-rotate() Terapkan putar warna pada elemen.
hwb() Tentukan warna menggunakan model warna HWB (hue-whiteness-blackness); secara opsional dapat mengandung komponen alpha.
hypot() Kembalikan akar kuadrat dari sumbu kuadrat parameter.
inset() Tentukan lingkaran persegi panjang yang mengandung jarak internal yang ditentukan untuk setiap sisi referensi.
invert() Balikkan warna gambar.
lab() Tentukan warna di ruang warna CIE Lab.
lch() Tentukan warna di ruang warna LCH (kecerahan-kromatik-hue).
light-dark() Aktifkan pengaturan nilai warna kedua, jika pengguna telah menetapkan tema cerah, kembalikan nilai pertama;
Kembalikan nilai kedua jika pengguna telah menetapkan tema gelap.
linear-gradient() Buat gradasi linear.
log() Kembalikan logaritma alami dari angka yang ditentukan (dengan E sebagai dasar), atau logaritma dari angka yang ditentukan.
matrix() Tentukan transformasi 2D menggunakan matriks enam nilai.
matrix3d() Tentukan transformasi 3D menggunakan matriks 4x4.
max() Gunakan nilai terbesar dalam daftar nilai yang dipisahkan koma sebagai nilai atribut.
min() Gunakan nilai terkecil dalam daftar nilai yang dipisahkan koma sebagai nilai atribut.
minmax() Tentukan kisaran ukuran yang mengandung nilai yang lebih besar atau sama dengan nilai minimum dan lebih kecil atau sama dengan nilai maksimum (digunakan untuk grid CSS).
mod() Kembalikan sisa setelah membagi angka dengan angka lain.
oklab() Tentukan warna di ruang warna OKLAB.
oklch() Tentukan warna di ruang warna OKLCH.
opacity() Terapkan efek kecerahan pada elemen.
perspective() Tentukan tampilan perspektif untuk elemen transformasi 3D.
polygon() Tentukan poligon.
pow() Kembalikan nilai kuadrat dari angka (x) ke pangkat (y).
radial-gradient() Buat gradasi radial.
ray() Tentukan jalur garis paling jauh yang diikuti elemen animasi.
rem() Kembalikan sisa setelah membagi angka dengan angka lain.
repeat() Pantau sekelompok kolom atau baris di dalam grid.
repeating-conic-gradient() Pantau gradasi konik terulang.
repeating-linear-gradient() Pantau gradasi linear terulang.
repeating-radial-gradient() Pantau gradasi radial terulang.
rgb() / rgba() Mendefinikan warna menggunakan model merah-hijau-ungu (RGB); secara opsional dapat disertai komponen alpha.
rotate() Mendefinikan putar 2D elemen.
rotate3d() Mendefinikan putar 3D elemen.
rotateX() Mendefinikan putar 3D elemen mengitari sumbu x (horisontal).
rotateY() Mendefinikan putar 3D elemen mengitari sumbu y (vertikal).
rotateZ() Mendefinikan putar 3D elemen mengitari sumbu z.
round() Mengurangi bilangan berdasarkan strategi pengurangan yang ditentukan.
saturate() Mengatur kepadatan elemen (kekuatan warna).
scale() Mendefinikan skala 2D elemen.
scale3d() Mendefinikan skala 3D elemen.
scaleX() Menskalakan elemen secara horizontal (lebar).
scaleY() Menskalakan elemen secara vertikal (tinggi).
sepia() Mengubah gambar ke warna sepia.
sin() Mengembalikan nilai sinus dari bilangan (dalam sudut).
skew() Menggeser elemen sepanjang sumbu x dan y.
skewX() Menggeser elemen sepanjang sumbu x.
skewY() Menggeser elemen sepanjang sumbu y.
sqrt() Mengembalikan akar kuadrat dari bilangan.
steps() Membuat fungsi penghitungan tahapan untuk animasi.
tan() Mengembalikan nilai tangent dari bilangan.
translate() Memungkinkan untuk menggeser elemen sepanjang sumbu x dan y.
translateX() Memungkinkan untuk menggeser elemen sepanjang sumbu x.
translateY() Memungkinkan untuk menggeser elemen sepanjang sumbu y.
url() Memungkinkan untuk menyertakan berkas di dalam tabel gaya.
var() Masukkan nilai atribut yang disesuaikan.