CSS参考手册
扩展 | Extensions
-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;
}
结果
扩展 | Extensions相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。