-moz-float-edge

非标准:此特性未标准化。我们不建议在生产环境中使用非标准特性,因为它们浏览器支持有限,并且可能会更改或被移除。但是,在没有标准选项的特定情况下,它们可以是合适的替代方案。

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

非标准的 -moz-float-edge CSS 属性指定元素的 height 和 width 属性是否包含 margin、border 或 padding 的厚度。

语法

css
/* Keyword values */
-moz-float-edge: content-box;
-moz-float-edge: margin-box;

/* Global values */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;

content-box

height 和 width 属性包含内容,但不包含 padding、border 或 margin。

margin-box

height 和 width 属性包含内容、padding、border 和 margin。

正式定义

初始值content-box
应用于所有元素
继承性
计算值同指定值
动画类型离散

正式语法

-moz-float-edge = 
content-box |
margin-box

示例

HTML

html
<div class="box">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

CSS

css
.box {
  display: block;
  height: 5px;
  margin: 0.5em auto;
  color: gray;
  -moz-float-edge: margin-box;
  box-sizing: border-box;
}

结果

规范

不属于任何标准。

浏览器兼容性

另见