CSS - margen inferior

Descripción

La propiedad margin-bottom establece el ancho del margen en la parte inferior de un elemento.

Valores posibles

  • length - Cualquier valor de longitud.

  • percentage - El ancho del margen se calcula con respecto al ancho del bloque contenedor del elemento.

  • auto - Predeterminado, permite que los navegadores establezcan automáticamente el margen.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.marginBottom = "5px"

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "margin-bottom: 15px; border:1px solid black;">
         This is a paragraph with a specified bottom margin
      </p>
      
      <p style = "margin-bottom: 5%; border:1px solid black;">
         This is another paragraph with a specified bottom margin in percent
      </p>
   </body>
</html>

Esto producirá el siguiente resultado: