Question 1

What is CSS border-radius?

Accepted Answer

CSS border-radius rounds the corners of an element. You can set a uniform radius for all corners or control each corner individually.

Question 2

What does the link/unlink toggle do?

Accepted Answer

When linked, all four corners change together. When unlinked, you can set different values for top-left, top-right, bottom-right, and bottom-left independently.

Question 3

What units can I use?

Accepted Answer

You can use px (pixels), % (percentage), or em. Percentage values are relative to the element dimensions — 50% creates a perfect circle on a square element.

Question 4

How do I create a circle with border-radius?

Accepted Answer

Set all corners to 50% on a square element. This rounds each corner by half the width/height, creating a perfect circle.

Question 5

Is the generated CSS compatible with all browsers?

Accepted Answer

Yes. The border-radius property is supported by all modern browsers including Chrome, Firefox, Safari, and Edge. No vendor prefixes are needed.

Border Radius Generator

Border Radius Generator