-moz-float-edge

  

No estándar
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.

Resumen

La propiedad CSS no estándar -moz-float-edge especifica si las propiedades  altura y anchura  del elemento incluyen el margen, el borde o el espesor del padding (relleno)

Valor inicialcontent-box
Applies toall elements
Heredableno
Mediavisual
Valor calculadocomo se especifica
Animatableno
Canonical orderel orden único no-ambigüo definido por la gramática formal

Síntaxis

/* Palabras clave valor */
-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;

Valores

border-box
La altura y anchura incluyen el contenido, el padding (relleno) y el bordee, pero no el margin.
content-box
La altura y anchura incluyen el contenido, pero no el padding (relleno),borde ni el margen.
margin-box
La altura y anchura incluyen el contenido, el padding (relleno), el borde y el margen.
padding-box
La altura y anchura incluyen el contenido, y el padding (relleno), pero no el borde ni el margen.

Síntaxis Formal

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

 

Ejemplo

Contenido HTML

<div class="box"> 
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

Contenido 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

Ver además

bug 432891

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,