margin-bottom

Summary

The effect of the CSS margin-bottom property on the element boxEl 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 inicial0
Applies toall elements, except elements with table display types other than table-caption, table and inline-table. It also applies to ::first-letter and ::first-line.
Heredableno
Percentagesrefer to the width of the containing block
Valor calculadothe percentage as specified or the absolute length
Animation typea length

Syntax

Formal syntax: 
margin-bottom = 
<length-percentage> |
auto

<length-percentage> =
<length> |
<percentage>

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

Especificaciones

Specification
CSS Box Model Module Level 3
# margin-physical

Browser compatibility

BCD tables only load in the browser