W3cubDocs

/CSS

-moz-outline-radius-bottomleft

Non-standard
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.

Syntax

The value of -moz-outline-radius-bottomleft is either a CSS <length> or a percentage of the corresponding dimensions of the border box. The calc() function may be used as well.

Values

<length>
The radius of the circle defining the curvature of the bottom and left edges of the element, specified as a CSS <length>.
<percentage>
The radius of the circle defining the rounding of the bottom-left corner of the element, specified as the percentages of the bottom and left sides of the border box.

Formal definition

Initial value 0
Applies to all elements
Inherited no
Percentages refer to the corresponding dimension of the border box
Computed value as specified
Animation type a length, percentage or calc();

Formal syntax

<outline-radius>

where
<outline-radius> = <length> | <percentage>

Examples

Rounding a outline

Since this is a Firefox-only property, this example will not display the desired effect if you are viewing this in a browser other than Firefox.

HTML

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

CSS

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

Result

Specifications

Not part of any standard.

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
-moz-outline-radius-bottomleft No No 1 No No No
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
-moz-outline-radius-bottomleft No No 4 No No No

See also

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-outline-radius-bottomleft