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

Initial valuecontent-box
Applies toall elements
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

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 syntax

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

 

Example

HTML Content

<div class="box"> 
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</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;
} 

Result

See also

bug 432891

Document Tags and Contributors

 Last updated by: wbamberg,