Latest web development tutorials

Margem CSS (margem)

CSS Margem (margem) propriedade define o espaço em torno de elementos.

margem

clara margem em torno de elementos (fora das fronteiras) área. margem de qualquer cor de fundo é completamente transparente

margem pode ser alterada em elementos individuais, inferior, esquerda e margens direita. Você também pode mudar uma vez que todas as propriedades.

Os valores possíveis

valor explicação
automático Definir as margens do seu navegador.
O resultado dependerá do navegador
comprimento Defina uma margem fixa (usando o pixel, pt, em, etc.)
% Definido utilizando uma margem percentual

observação Margin pode usar o conteúdo de sobreposição negativa.

<H2Margin - propriedade de margem unilateral

Na CSS, pode especificar um lado diferente das margens diferentes:

Exemplos

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

tente »

Margem - propriedade estenográfica

Para encurtar o código, é possível utilizar todas as propriedades de margem em uma propriedade margem especificada. Isso é chamado de propriedade estenográfica.

propriedade estenográfica para todas as propriedades de margem é "margem":

Exemplos

margin:100px 50px;

tente »

propriedade de margem pode ter de um a quatro valores. / P>

  • margin: 25px 50px 75px 100px;
    • Às margens da 25px
    • margem direita para 50px
    • A margem inferior é de 75px
    • margem esquerda do 100px

  • margin: 25px 50px 75px;
    • Às margens da 25px
    • margens esquerda e direita para 50px
    • A margem inferior é de 75px

  • margin: 25px 50px;
    • margens superior e inferior para 25px
    • margens esquerda e direita para 50px

  • margin: 25px;
    • Todas as quatro margens são 25px
Exemplos

mais exemplos

configurações de margem sobre o texto usando um valor cm
Este exemplo demonstra como configurar um valor de texto centímetros da margem superior.

Defina o texto usando o valor percentual da margem inferior
Este exemplo demonstra como definido acima usando uma percentagem do valor da margem inferior em relação à largura do elemento que contém.

Todas as propriedades de margem CSS

propriedade descrição
margem propriedade estenográfica. Defina todas as propriedades de margem em uma declaração.
margin-bottom Ambiente exterior de um elemento.
margin-left O elemento na margem esquerda.
margin-right O elemento da margem direita.
margin-top Elemento é definido na margem.