CSS

-moz-float-edge

-moz-float-edge

非标准

此功能是非标准的,不处于标准轨道上.。不要在面向Web的生产站点上使用它:它并不适用于每个用户。实现之间也可能存在很大的不兼容性,而且这种行为在未来可能会发生变化。

非标准-moz-float-edge CSS属性指定元素的高度和宽度属性是否包含边距,边框或填充厚度。

/* Keyword values */ -moz-float-edge: border-box; -moz-float-edge: content-box; -moz-float-edge: margin-box; -moz-float-edge: padding-box; /* Global values */ -moz-float-edge: inherit; -moz-float-edge: initial; -moz-float-edge: unset;

初始值content-box
适用元素all elements
是否是继承属性no
适用媒体visual
计算值as specified
Animation typediscrete
正规顺序the unique non-ambiguous order defined by the formal grammar

语法

border-box高度和宽度属性包括内容,填充和边框,但不包括边距。

正式语法

border-box | content-box | margin-box | padding-box

示例

HTML内容

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

CSS内容

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

结果