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-radiusproperty for more information.