Margem do CSS (Margem)

limpa a área ao redor da borda, separando-a de outras caixas.

Propriedade de Margem Externa do CSS

A propriedade de margem do CSS permite que você defina a margem dos lados da caixa do elemento. A margem nãofundo-corÉ completamente transparente.

Definir margens individuais dos lados

Você pode usar propriedades de margem individuais do CSS para definir margens diferentes para os lados diferentes de um elemento (por exemplo, superior, direita, inferior ou esquerda) facilmente.

h1　{margem-inferior:　20px;}
p {margem-esquerda:　10px;margem-direita:　30px;}

Propriedade de Margem de Abreviação

A propriedade margem é uma propriedade de abreviação de atalho para evitar definir margens individuais separadamente: margem-superior, margem-direita, margem-inferior e margem-esquerda.

h1　{ margem: 0　10px;}
p {margem:　25px　50px　75px　100px;}

Este símbolo de abreviação pode usar um, dois, três ou quatro valores separados por espaços em branco.

• Se configuradoUm valorEntão é aplicado em todos os quatro lados.

• Se especificadoDois valoresEntão o primeiro valor será aplicado na parte superior e inferior, e o segundo valor será aplicado na direita e esquerda.

• Se especificadoTrês valoresEntão o primeiro valor é aplicado na parte superior, o segundo valor é aplicado na esquerda e direita, e o último valor é aplicado na parte inferior.

• Se especificadoQuatro valoresEntão, aplique-as respectivamente na parte superior, direita, inferior e esquerda na ordem especificada.