-moz-float-edge CSS property
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
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.
Syntax
/* Keyword values */
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
/* Global values */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;
Values
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.
Formal definition
| Initial value | content-box |
|---|---|
| Applies to | all elements |
| Inherited | no |
| Computed value | as specified |
| Animation type | discrete |
Formal syntax
-moz-float-edge =
content-box |
margin-box
Examples
HTML
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
CSS
.box {
display: block;
height: 5px;
margin: 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
Result
Specifications
Not part of any standard.