-moz-float-edge

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

La propiedad CSS no estandarizada -moz-float-edge especifica si las propiedades height y width del elemento incluyen el grosor del margen, borde, o relleno.

/* Palabras clave */
-moz-float-edge: border-box;
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
-moz-float-edge: padding-box;

/* Valores globales */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;

Sintaxis

Valores

border-box

Las propiedades height y width incluyen el contenido, relleno y borde, pero no el margen.

content-box

Las propiedades height y width incluyen el contenido, pero no el relleno, borde o margen.

margin-box

Las propiedades height y width incluyen el contenido, relleno, borde y margen.

padding-box

Las propiedades height y width incluyen el contenido y relleno pero no el borde ni el margen.

Definición formal

Valor inicialcontent-box
Applies toall elements
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

Sintaxis formal

Error: could not find syntax for this item

Ejemplo

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

Resultado

Especificaciones

No es parte de ningún estándar.

Compatibilidad con navegadores

BCD tables only load in the browser

Véase también