/
index.md
80 lines (56 loc) · 1.31 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
---
title: "-moz-float-edge"
slug: Web/CSS/-moz-float-edge
l10n:
sourceCommit: 4767ebffd07b627275ae9cac6863b153e3e6746d
---
{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}
非标准的 **`-moz-float-edge`** [CSS](/zh-CN/docs/Web/CSS) 属性指定了元素的高度和宽度是否包括外边距、边框或内边距。
## 语法
```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`
- : 高度和宽度属性包括内容、内边距、边框和外边距。
## 形式定义
{{CSSInfo}}
## 形式语法
```plain
-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 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
```
### 结果
{{ EmbedLiveSample('示例') }}
## 规范
不属于任何规范。
## 浏览器兼容性
{{Compat}}
## 参见
- [Firefox bug 432891](https://bugzil.la/432891)