{{CSSRef}}{{Non-standard_header}}
Summary
The non-standard -moz-float-edge
CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.
{{cssinfo}}
Syntax
/* 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;
Values
border-box
- The height and width properties include the content, padding and border but not the margin.
content-box
- The height and width properties include the content, but not the padding, border or margin.
margin-box
- The height and width properties include the content, padding, border and margin.
padding-box
- The height and width properties include the content and padding but not the border or margin.
Formal syntax
{{csssyntax}}
Example
HTML Content
<p>An hr element is displayed like this:</p>
<div class="box">
<hr>
</div>
CSS Content
.box { display: block; height: 5px; margin: 0.5em auto 0.5em auto; color: gray; -moz-float-edge: margin-box; box-sizing: border-box; }
Live Example
{{ EmbedLiveSample('HTML_Content', '', '', '', 'Web/CSS/-moz-float-edge') }}
See also
{{bug(432891)}}