-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 type | discrete |
正规顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
值
border-box高度和宽度属性包括内容，填充和边框，但不包括边距。
content-box高度和宽度属性包括内容，但不包括填充，边框或边距。
margin-box高度和宽度属性包括内容，填充，边框和边距。
padding-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;
} 结果
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
