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 |
| Media | visual |
| Valor calculado | como se especifica |
| Animatable | no |
| Canonical order | el 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;
}