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 |
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:
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":
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
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. |