1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. -moz-float-edge

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

View in English Always switch to English

-moz-float-edge

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

已弃用: 不再推荐使用该特性。虽然一些浏览器仍然支持它,但也许已从相关的 web 标准中移除,也许正准备移除或出于兼容性而保留。请尽量不要使用该特性,并更新现有的代码;参见本页面底部的兼容性表格以指导你作出决定。请注意,该特性随时可能无法正常工作。

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

结果

规范

不属于任何规范。

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

AltStyle によって変換されたページ (->オリジナル) /