We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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.
Heredableno
Percentagesrefer to the width of the containing block
Mediavisual
Valor calculadothe percentage as specified or the absolute length
Animation typea length
Canonical orderel 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; }

Specifications

Specification Status Comment
CSS Basic Box Model
La definición de 'margin-bottom' en esta especificación.
Working Draft No significant change.
CSS Transitions
La definición de 'margin-bottom' en esta especificación.
Working Draft Defines margin-bottom as animatable.
CSS Level 2 (Revision 1)
La definición de 'margin-bottom' en esta especificación.
Recommendation Removes its effect on inline elements.
CSS Level 1
La definición de 'margin-bottom' en esta especificación.
Recommendation Initial definition.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 o anterior) 3.0 3.5 1.0 (85)
auto value 1.0 1.0 (1.7 o anterior) 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

Etiquetas y colaboradores del documento

Colaboradores en esta página: Sebastianz, fscholz, damesa
Última actualización por: Sebastianz,