English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia de CSS

reglas @ de CSS (RULES)

propiedades CSS completas

Margen de CSS-Uso y ejemplo del atributo bottom

margen-El atributo bottom CSS establece el margen inferior del elemento. Sin embargo, en muchos casos, comomargenEsta propiedad de CSS abreviada es más conveniente y recomendable de usar.

La tabla siguiente proporciona una descripción de uso y registro histórico de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:0
Aplique a:Todos los elementos, pero table displayexcepto elementos de tipo distinto de table-caption table inline-table. También se aplica a ::first-letter.
Herencia:No
Animable:Sí.Consulte: Atributos de animación.
Versión:CSS 1,2,3
Sintaxis de JavaScript:object.style.marginBottom="20px"

margen-Sintaxis de uso de bottom

La sintaxis de este atributo es la siguiente:

margen-bottom: length | percentage | auto | initial | inherit

El siguiente ejemplo muestra cómo usar margin-Atributo bottom.

  h1 {
   margen-bottom: 25px;
  }
  p {
   margen-bottom: 50px;
  }
Prueba aquí‹/›

Valor del atributo

La tabla siguiente describe los valores de este atributo.

ValorDescripción
lengthEspecifique el valor del margen inferior externo específico en unidades concretas, como px, pt, cm, em, etc., y puede ser negativo.
percentageEspecifique el margen inferior externo en porcentaje de la anchura del elemento padre.
autoEl navegador calculará el margen del elemento especificado.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el margen del elemento padre-Valor del atributo bottom.

Compatibilidad del navegador

margen-Compatibilidad del navegador del atributo bottom. Los números en la tabla siguiente representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Leer más

Consulte los siguientes tutoriales:Margen de CSS,Modelo de cuadro de CSS.

Propiedades relacionadas:margen,margen-left,margen-right,margen-top.