From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/css/-moz-float-edge/index.html | 78 +++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 files/es/web/css/-moz-float-edge/index.html (limited to 'files/es/web/css/-moz-float-edge') diff --git a/files/es/web/css/-moz-float-edge/index.html b/files/es/web/css/-moz-float-edge/index.html new file mode 100644 index 0000000000..9454e77fc9 --- /dev/null +++ b/files/es/web/css/-moz-float-edge/index.html @@ -0,0 +1,78 @@ +--- +title: '-moz-float-edge' +slug: Web/CSS/-moz-float-edge +tags: + - CSS + - 'CSS: Extensión Mozilla' + - Diseño + - No estandar + - Propiedad CSS +translation_of: Web/CSS/-moz-float-edge +--- +
   {{CSSRef}}{{Non-standard_header}}
+ +

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)

+ +

{{cssinfo}}

+ +

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

+ +
{{csssyntax}}
+ +

 

+ +

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

+ +

{{ EmbedLiveSample('Example', '', '', '', 'Web/CSS/-moz-float-edge') }}

+ +

Ver además

+ +

{{bug(432891)}}

-- cgit v1.2.3-54-g00ecf