Mengenal Function CSS Circle()

Fungsi circle() adalah fungsi bentuk yang digunakan untuk menentukan <basic-shape>.

Nilai CSS <basic-shape> mewakili bentuk dasar yang didefinisikan menggunakan fungsi bentuk. Bentuk dasar kemudian dapat dilewatkan sebagai nilai ke properti seperti properti bentuk-luar, atau properti klip-jalur, yang digunakan untuk menerapkan bentuk ke elemen untuk mengubah aliran konten di sekitarnya, atau untuk klip elemen ke bentuk yang ditentukan, masing-masing.

Fungsi circle() digunakan untuk menentukan lingkaran. Tanda tanya menunjukkan bahwa kedua parameter bersifat opsional dan dapat dihilangkan. Jika Anda menghilangkan satu, parameter itu diatur ke nilai defaultnya oleh browser.

Jika Anda menghilangkan argumen posisi, pusat lingkaran akan diposisikan di tengah-tengah elemen yang digunakan. Anda dapat menentukan posisi menggunakan sintaks yang sama seperti sintaks properti latar belakang-posisi. Posisi didahului oleh kata-kata.

Parameter bentuk radius menentukan radius lingkaran. Ini dapat diatur dalam panjang atau persentase absolut. Nilai persentase di sini diselesaikan dari lebar dan tinggi yang digunakan dari kotak referensi. Nilai negatif tidak diizinkan.

Selain menggunakan panjang dan persentase untuk menentukan radius lingkaran, itu juga dapat disetel menggunakan salah satu dari dua kata kunci: sisi terdekat atau sisi terjauh. sisi terdekat adalah nilai default, yang berarti bahwa, jika Anda menghilangkan argumen ini dan tidak menentukan radius untuk lingkaran, browser akan menggunakan panjang dari pusat elemen ke sisi terdekatnya di dimensi mana pun sebagai panjangnya jari-jari. sisi terjauh menggunakan panjang dari pusat ke sisi terjauh.

Berikut ini semua bentuk circle() valid: