Radius

How to Round the Corners of a Box

Saika avatar
Written by Saika
Updated over a week ago

You can round the corners of a box together or round the corners individually.

If you hold down Shift while editing and move the anchor point, the number will increase or decrease in multiples of 10.

Round the corners

Select the element you would like to "round up." On the inside of its border, this symbol will show ◉. Drag it inwards to make the edges round.

Alternatively, select the element and change the Radius value on the Style bar (box tab).

While editing, hold down Alt (Option on Mac) and move the anchor point to switch to individual editing mode as described next.

Round the corners individually

Select the element you would like to "round up." On the inside of its border, these symbols will show ◉. Drag it inwards to make the edges round.

Alternatively, select the element and change the Radius value on the Style bar (box tab).

While editing, hold down Alt (Option on Mac) and move the anchor point to switch the editing mode.

border-radius radius

Did this answer your question?