CSS - margin-bottom

Descrição

A propriedade margin-bottom define a largura da margem na parte inferior de um elemento.

Valores possíveis

length - Qualquer valor de comprimento.
percentage - A largura da margem é calculada em relação à largura do bloco que contém o elemento.
auto - Padrão, permite que os navegadores definam automaticamente a margem.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.marginBottom = "5px"

Exemplo

Aqui está o exemplo -

<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>

Isso produzirá o seguinte resultado -

↰ Previous page