Summary
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 |
| Animation type | 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; }
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 |