[SOLVED] By setting the border-radius property more than a half of the box'es(square) side will still result as a circle. Why?

Question

Why is this happening? What internal mechanism is behind this?
Anybody knows?

Clarification:

div {
border: 1px solid;

/* the circle will be if I set 120px or 140px and so on */
border-radius: 100px;

height: 100px;
width: 100px;
}

https://code.sololearn.com/W5oP5lWB58ut

Answer: https://www.w3.org/TR/css-backgrounds-3/#corner-overlap

This picture can help to grasp problem a little too:
https://res.cloudinary.com/rinat/image/upload/v1565591758/for-sololearn/bdrs_k078ah.jpg

Answer 1

Can you explain more ??

Answer 2

It Was A Problem And Solved By Himself!!!