Margin

A propriedade para margens, define um valor para espessura das margens dos elementos HTML.

As propriedades para margens podem ser definidas individualmente ou em uma única declaração.

Tratando as margens individualmente

Para tratar cada margem individualmente podemos usar:

• margin-top - define a margem superior;
• margin-right - define a margem direita;
• margin-bottom - define a margem inferior;
• margin-left - define a margem esquerda.

p {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 50px;
}

Forma abreviada de se utilizar as propriedades de Margin

A propriedade margin podeter de um a quatro valores

• margin: 25px 50px 75px 100px;

  • margem superior tem 25px
  • margem direita tem 50px
  • margem inferior tem 75px
  • margem esquerda tem 100px

• margin: 25px 50px 75px;

  • margem superior tem 25px
  • margens direita e esquerda tem 50px
  • margem inferior 75px

• margin: 25px 50px;

  • margens superior e inferior tem 25px
  • margens direita e esquerda tem 50px

• margin: 25px;

  • todas as margens tem 25px