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-bottomleft CSS property can be used to round the bottom-left 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();
Canonical orderthe unique non-ambiguous order defined by the formal grammar



<p>Look at this paragraph's bottom-left corner.</p>


p {
  margin: 10px;
  border: solid cyan;
  outline: dotted green;
  -moz-outline-radius-bottomleft: 2em;


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

See also