margin-bottom

Summary

The effect of the CSS margin-bottom property on the element box El margin-bottom CSS (margen-inferior) es la propiedad de un elemento que establece el espacio requerido en la parte inferior de un elemento. Tambien se permiten valores negativos.

Esta propiedad no tiene ningun efecto sobre los elementos en linea non-replaced , como <tt> o <span>.

Valor inicial	`0`
Applies to	all elements, except elements with table `display` types other than `table-caption`, `table` and `inline-table`. It also applies to `::first-letter`.
Heredable	no
Percentages	refer to the width of the containing block
Media	visual
Valor calculado	the percentage as specified or the absolute length
Animatable	yes, as a length
Canonical order	el orden único no-ambigüo definido por la gramática formal

Syntax

Formal syntax: <length> | <percentage> | auto

margin-bottom: 10px;        /* Una longitud absoluta (sin redimension) */
margin-bottom: 1em;         /* Una longitud en relacion con el tamaño del texto */
margin-bottom: 5%;          /* Un margen respecto al ancho de su objeto padre (el que lo contiene)  */
margin-bottom: auto;

margin-bottom: inherit; /*margen heredado*/

Values

<length>: Specifies a fixed width. See <length> for possible values.
<percentage>: A <percentage> always relative to the width of the containing block.
auto: See margin.

Examples

.content { margin-bottom:   5%; }
.sidebox { margin-bottom: 10px; }
.logo    { margin-bottom: -5px; }
#header  { margin-bottom:  1em; }

Ver en el JSFiddle

Specifications

Specification	Status	Comment
CSS Basic Box Model The definition of 'margin-bottom' in that specification.	Working Draft	No significant change.
CSS Transitions The definition of 'margin-bottom' in that specification.	Working Draft	Defines `margin-bottom` as animatable.
CSS Level 2 (Revision 1) The definition of 'margin-bottom' in that specification.	Recommendation	Removes its effect on inline elements.
CSS Level 1 The definition of 'margin-bottom' in that specification.	Recommendation	Initial definition.

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	1.0	1.0 (1.7 or earlier)	3.0	3.5	1.0 (85)
`auto` value	1.0	1.0 (1.7 or earlier)	6.0 (strict mode)	3.5	1.0 (85)

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	1.0	1.0 (1)	6.0	6.0	1.0