-moz-outline-radius-bottomleft

在此页

句法
形式定义
形式句法
范例
规范
浏览器兼容性
另请参阅
相关话题

非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。

In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline .

句法

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

值

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

形式定义

初始值	`0`
适用于	所有元素
继承	no
百分比	refer to the corresponding dimension of the border box
计算值	如指定
动画类型	a length , percentage or calc();

形式句法

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

范例

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;
}

结果

规范

Not part of any standard.

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`-moz-outline-radius-bottomleft` 弃用非标	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 1	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 4	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No

图例

完整支持
不支持
非标。预期跨浏览器支持较差。
弃用。不要用于新网站。

另请参阅

见 -moz-outline-radius property for more information.

元数据

最后修改： Aug 14, 2020

CSS
CSS 参考
Mozilla Extensions
特性
1. -moz-context-properties
2. -moz-float-edge
3. -moz-force-broken-image-icon
4. -moz-image-region
5. -moz-orient
6. -moz-outline-radius
7. -moz-outline-radius-bottomleft
8. -moz-outline-radius-bottomright
9. -moz-outline-radius-topleft
10. -moz-outline-radius-topright
11. -moz-user-focus
12. -moz-user-input
13. box-align
14. box-direction
15. box-flex
16. box-flex-group
17. box-lines
18. box-ordinal-group
19. box-orient
20. box-pack

在此页

句法

值