This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline.

Initial value0
Applies toall elements
Percentagesrefer to the corresponding dimension of the border box
Computed valueas specified
Animation typea length, percentage or calc();



<p>Look at this paragraph's top-right corner.</p>


p {
  margin: 5px;
  border: solid cyan;
  outline: dotted red;
  -moz-outline-radius-topright: 2em;


Note: The example above will not display the desired effect if you are viewing this in a browser other than Firefox.

See also