Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.
-moz-float-edge
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
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
heightywidthincluyen el contenido, relleno y borde, pero no el margen. content-box-
Las propiedades
heightywidthincluyen el contenido, pero no el relleno, borde o margen. margin-box-
Las propiedades
heightywidthincluyen el contenido, relleno, borde y margen. padding-box-
Las propiedades
heightywidthincluyen el contenido y relleno pero no el borde ni el margen.
Definición formal
| Valor inicial | content-box |
|---|---|
| Applies to | all elements |
| Heredable | no |
| Valor calculado | como se especifica |
| Animation type | discrete |
Sintaxis formal
-moz-float-edge = border-box | content-box | margin-box | padding-box
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
Enable JavaScript to view this browser compatibility table.