UsefulVerse
Bahasa · Bahasa Melayu

Percuma untuk digunakan, tanpa akaun

CSS Penjana Jejari Sempadan

Bentuk setiap sudut secara berasingan, termasuk jejari mendatar dan menegak elips. Pratonton keputusan dan salin CSS padat.

Masukkan 0–2,000 px atau 0–100%. Kawalan nombor yang boleh diakses papan kekunci disediakan.

Atas kiri
Atas kanan
Bawah kanan
Kiri bawah

CSS secara automatik menskala jejari sudut secara berkadar apabila jumlahnya melebihi lebar atau tinggi elemen. Pratonton mengikuti tingkah laku CSS pelayar.

Pratonton langsung

Laraskan sudut untuk melihat bentuknya.

CSS pengisytiharan

Bagaimanakah cara saya menjana nilai CSS border-radius?

Pilih piksel atau peratusan, laraskan jejari mendatar dan menegak untuk setiap sudut, kemudian salin pengisytiharan border-radius yang dijana. CSS mungkin menormalkan jejari bertindih secara berkadar agar sesuai dengan elemen.

Soalan lazim

Bagaimanakah cara saya menjana nilai CSS border-radius?

Pilih piksel atau peratusan, laraskan jejari mendatar dan menegak untuk setiap sudut, kemudian salin pengisytiharan border-radius yang dijana. CSS mungkin menormalkan jejari bertindih secara berkadar agar sesuai dengan elemen.

Adakah CSS atau reka bentuk saya dimuat naik?

No. Pratonton dan CSS dijana dalam tab penyemak imbas ini. Tiada muat naik, akaun, panggilan API atau simpan automatik.

Bolehkah setiap sudut mempunyai jejari yang berbeza?

Ya. Tetapkan nilai mendatar dan menegak yang berasingan untuk penjuru kiri atas, kanan atas, kanan bawah dan kiri bawah.

Apakah maksud garis miring dalam border-radius?

Ia memisahkan jejari mendatar daripada jejari menegak, mewujudkan sudut elips. Jika setiap sudut menggunakan nilai mendatar dan menegak yang sama, penjana meninggalkan garis miring.

Mengapakah pratonton mungkin kelihatan lebih kecil daripada nilai?

CSS secara berkadar menormalkan jejari yang akan bertindih pada tepi. Itu adalah tingkah laku penyemak imbas standard dan juga digunakan dalam pratonton ini.