W3cubDocs

/CSS

-moz-float-edge

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

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.

/* 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;

Syntax

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 definition

Initial value	`content-box`
Applies to	all elements
Inherited	no
Computed value	as specified
Animation type	discrete

Formal syntax

border-box | content-box | margin-box | padding-box

Examples

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;
}

Result

Specifications

Not part of any standard.

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
`-moz-float-edge`	No	No	1	No	No	No

	Mobile
	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`-moz-float-edge`	No	No	4	No	No	No