Gratis digunakan, tanpa perlu akun
CSS Generator Radius Perbatasan
Bentuk setiap sudut secara terpisah, termasuk jari-jari elips horizontal dan vertikal. Pratinjau hasilnya dan salin CSS ringkas.
Bagaimana cara menghasilkan nilai CSS border-radius?
Pilih piksel atau persentase, sesuaikan radius horizontal dan vertikal untuk setiap sudut, lalu salin deklarasi border-radius yang dihasilkan. CSS secara proporsional dapat menormalkan jari-jari yang tumpang tindih agar sesuai dengan elemen.
Pertanyaan umum
Bagaimana cara menghasilkan nilai CSS border-radius?
Pilih piksel atau persentase, sesuaikan radius horizontal dan vertikal untuk setiap sudut, lalu salin deklarasi border-radius yang dihasilkan. CSS secara proporsional dapat menormalkan jari-jari yang tumpang tindih agar sesuai dengan elemen.
Apakah CSS atau desain saya sudah diunggah?
Tidak. Pratinjau dan CSS dibuat di tab browser ini. Tidak ada unggahan, akun, panggilan API, atau penyimpanan otomatis.
Bisakah setiap sudut mempunyai jari-jari yang berbeda?
Ya. Tetapkan nilai horizontal dan vertikal terpisah untuk sudut kiri atas, kanan atas, kanan bawah, dan kiri bawah.
Apa arti garis miring di border-radius?
Ini memisahkan jari-jari horizontal dari jari-jari vertikal, menciptakan sudut elips. Jika setiap sudut menggunakan nilai horizontal dan vertikal yang sama, generator menghilangkan garis miring.
Mengapa pratinjau terlihat lebih kecil dari nilainya?
CSS secara proporsional menormalkan jari-jari yang akan tumpang tindih di suatu tepi. Itu adalah perilaku browser standar dan juga diterapkan dalam pratinjau ini.