Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
mohamedkhallouq
GitHub Repository: mohamedkhallouq/content
Path: blob/main/files/en-us/web/css/-moz-float-edge/index.md
6532 views
---
title: "-moz-float-edge" slug: Web/CSS/-moz-float-edge page-type: css-property status: - deprecated - non-standard browser-compat: css.properties.-moz-float-edge
---

{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}

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

{{CSSInfo}}

Formal syntax

{{csssyntax}}

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 0.5em auto; color: gray; -moz-float-edge: margin-box; box-sizing: border-box; }

Result

{{ EmbedLiveSample('Examples') }}

Specifications

Not part of any standard.

Browser compatibility

{{Compat}}

See also