-moz-outline-radius

The CSS -moz-outline-radius Mozilla extension property is used to give outlines rounded corners. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out. is a shorthand property to set the individual values of the,  ,  , and   properties.

Values
One to four values can be specified.

If one is specified, it applies to all corners.

If two is specified, the first value applies to the top left and bottom right corners and the second value applies to the top right and bottom left corners.

If three values are specified, the first value applies to the top left corner. The second value applies to the top right and bottom left corners. The third value applies to the bottom right corner.

If four values are specified, the first value applies to the top left corner. The second value applies to the top right corner. The third value applies to the bottom right corner and the fourth value applies to the bottom left corner.

HTML example:

CSS example:

outline: doted red;

-moz-outline-radius: 12% 1em 25px; /* is equivalent to: */ -moz-outline-radius-topleft: 12%; -moz-outline-radius-topright: 1em; -moz-outline-radius-bottomright: 35px; -moz-outline-radius-bottomleft: 1em;

Note:  and   borders when rendered with a radius will produce a solid outline.