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-topright
CSS property can be used to round the top-right corner of an element's outline
.
Initial value | 0 |
---|---|
Applies to | all elements |
Inherited | no |
Percentages | refer to the corresponding dimension of the border box |
Media | visual |
Computed value | as specified |
Animation type | a length, percentage or calc(); |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Example
HTML
<p>Look at this paragraph's top-right corner.</p>
CSS
p { margin: 5px; border: solid cyan; outline: dotted red; -moz-outline-radius-topright: 2em; }
Result
Note: The example above will not display the desired effect if you are viewing this in a browser other than Firefox.
See also
- See the
-moz-outline-radius
property for more information.