Pangertosan Properti CSS border-radius
Properti border-radius ing CSS minangka prentah ingkang dipunginakaken kangge ngatur tingkat kabunderan saking pojokan-pojokan satunggaling kothak utawi elemen HTML. Piranti Generator Border Radius punika nggampilaken panjenengan kangge nyetel tingkat kabunderan kasebat kanthi visual lan langsung ngasilaken kode CSS ingkang trep.
Saben pojokan dipungambar langsung wonten ing browser panjenengan. Boten wonten data ingkang dipununggah dhateng BroBroGo, saengga proses pangolahan data lumaku kanthi lokal lan pribadi ing piranti panjenengan piyambak.
Nalika sepisanan dipunbikak, nilai slider gadhah ukuran awal 24, ingkang ngasilaken kode border-radius: 24px;. Piranti punika nggadhahi sekawan slider pojokan ingkang dipunpetaken miturut arah jarum jam, dipunwiwiti saking pojokan kiri-nginggil, tengen-nginggil, tengen-ngandhap, lan pungkasan wonten ing kiri-ngandhap.
Bedanipun Unit Piksel (px) lan Persen (%)
Pilihan unit ingkang dipunginakaken saged nemtokaken kadospundi pojokan kasebat dipunbunderaken:
- Piksel (px): Ing unit piksel, pojokan badhe bunder kanthi ukuran radius ingkang tetep lan mligi, boten preduli saking ukuran wiyar utawi inggilipun elemen kasebat.
- Persen (%): Ing unit persen, tingkat kabunderan pojokan badhe dipunpetung relatif dhateng ukuran kothak kasebat. Persen horisontal badhe ndherek ukuran wiyar (width) lan persen vertikal badhe ndherek ukuran inggil (height) saking elemen kasebat.
Pangginan unit persen punika wigati sanget nalika ngrancang desain ingkang responsif, amargi wujud kabunderan badhe otomatis nyelarasaken piyambak nalika ukuran elemen kothak kasebat ewah.
Mode Pojokan Elips kangge Wujud Organik
Nalika mode pojokan elips dipunpajahi, saben pojokan namung awujud saprapat bunderan kanthi radius tunggal. Nanging, nalika mode elips dipunuripaken, saben pojokan badhe gadhah radius horisontal lan vertikal ingkang piyambak-piyambak.
Kanthi ngginakaken mode elips, panjenengan saged ngatur nilai "Horisontal" lan "Vertikal" ing saben pojokan mawi slider ingkang kasedhiya. Generator punika badhe otomatis nyerat wujud garis miring kalih nilai (slash syntax) kangge CSS panjenengan nalika mode elips dipunuripaken, lan badhe wangsul dhateng wujud cekak (single value) nalika pojokanipun sampun bunder malih. Fitur punika nggampilaken panjenengan kangge damel wujud "blob" utawi wujud organik sanesipun ingkang luwes.
Teknik Damel Bunderan Sampurna lan Wujud Pil
Piranti punika saged dipunginakaken kangge damel wujud-wujud mligi kanthi aturan tartamtu:
- Bunderan Sampurna: Kangge damel bunderan sampurna saking elemen ingkang awujud kothak pesagi, panjenengan saged ngaktifaken pilihan "Gathukaken sedaya pojokan", gantos unit dhateng persen (%), banjur setel nilai slider wonten ing angka 50%.
- Wujud Pil: Kangge damel tombol awujud pil, tetep ginakaken unit piksel (px) lan seret slider pojokan nglangkungi sepalih saking inggilipun tombol kasebat. Kanthi cara punika, sisih-sisihipun badhe tetep bunder jangkep sanadyan wiyaripun tombol dipunewahi.
Ngginakaken Setelan lan Penerapan CSS
Piranti punika nyedhiyakaken tombol setelan cepet wonten ing bagean "Setelan" kangge nggampilaken pakaryan panjenengan. Setelan kasebat antawisipun:
- Lancip: Kangge ngilangaken sedaya kabunderan (nilai 0).
- Bunder: Kangge damel pojokan bunder standar.
- Bunderan: Kangge nyetel sedaya pojokan langsung dhateng nilai 50%.
- Blob: Kangge damel wujud organik mawi mode elips.
- Godhong: Kangge damel wujud rupa godhong kanthi kombinasi pojokan tartamtu.
Sasampunipun panjenengan pikantuk wujud ingkang dipunkajengaken wonten ing kothak pratinjau, panjenengan saged mirsani kode CSS ingkang dipunasilaken wonten ing ngandhapipun irah-irahan "CSS". Klik tombol "Salin CSS" kangge nyalin kode kasebat, banjur tempelaken (paste) kode kasebat wonten ing berkas stylesheet CSS panjenengan kangge dipuntrapaken dhateng elemen web.
Pitakenan ingkang Asring Dipunajengaken (FAQ)
Kadospundi caranipun sekawan pojokan lan px vs % punika makarya?
Sekawan slider punika mapan, miturut arah jarum jam, dhateng pojokan kiri-nginggil, tengen-nginggil, tengen-ngandhap, lan kiri-ngandhap. Ing piksel, pojokan badhe bunder kanthi ukuran tetep; ing persen, pojokan badhe bunder relatif dhateng kothak — persen horisontal ndherek wiyar lan persen vertikal ndherek inggil, saengga 50% saged ngowahi kothak dados bunderan.
Menapa fungsi saking mode elips?
Yen dipunpajahi, saben pojokan awujud saprapat bunderan kanthi radius tunggal. Yen dipunuripaken, saben pojokan gadhah radius horisontal lan vertikal ingkang piyambak-piyambak, saengga panjenengan saged damel wujud "blob" ingkang luwes lan organik. Generator punika badhe nyerat wujud garis miring kalih nilai kangge panjenengan lan badhe wangsul dhateng wujud cekak nalika pojokanipun sampun bunder malih.
Kadospundi caranipun damel bunderan sampurna utawi wujud pil?
Gathukaken pojokan-pojokanipun, gantos dhateng persen lan setel 50%: kothak badhe dados bunderan. Kangge tombol awujud pil, tetep ginakaken piksel lan seret pojokan nglangkungi sepalih inggilipun tombol — sisih-sisihipun badhe tetep bunder jangkep ing wiyar pinten kemawon. Pilihan Circle nyetel kawontenan kapisan punika kanthi saklik.