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 inicial | content-box |
---|---|
Applies to | all elements |
Heredable | no |
Valor calculado | como se especifica |
Animation type | discrete |
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
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;
}