此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

-moz-float-edge

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

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

CSS 非标准属性 -moz-float-edge 指定了元素的高度和宽度是否包括外边距、边框或内边距。

语法

css
/* 关键字值 */
-moz-float-edge: content-box;
-moz-float-edge: margin-box;

/* 全局值 */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;

content-box

高度和宽度属性包括内容,但不包括内边距、边框或外边距。

margin-box

高度和宽度属性包括内容、内边距、边框和外边距。

形式定义

初始值content-box
适用元素所有元素
是否是继承属性
计算值as specified
动画类型离散值

形式语法

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

示例

HTML

html
<div class="box">
  <p>这是一段文字,这是一段文字,这是一段文字,这是一段文字。</p>
</div>

CSS

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

结果

规范

不属于任何规范。

浏览器兼容性

参见