Exemplo
Defina a margem superior de um <div> elemento:
document.getElementById("myDiv").style.marginTop = "50px";
Tente você mesmo " Definição e Uso
Os marginTop conjuntos de propriedades ou retorna a margem superior de um elemento.
Tanto a propriedade de margem ea propriedade estofamento inserção espaço em torno de um elemento. No entanto, a diferença é que a margem insere o espaço em torno da borda, enquanto insere o preenchimento do espaço dentro da borda de um elemento.
Suporte navegador
A propriedade marginTop é suportado em todos os principais navegadores.
Sintaxe
Devolver o imóvel marginTop:
object .style.marginTop
Defina a propriedade marginTop:
object .style.marginTop=" Valores de propriedade Valor Descrição % Define a margem superior em% da largura do elemento pai length Define a margem superior em unidades de comprimento auto O navegador define a margem superior initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 Valor de retorno: Uma corda, que representa a margem superior de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Alterar a margem superior de um <div> elemento de volta ao "normal" :
document.getElementById("myDiv").style.marginTop="0px"; Tente você mesmo "
Exemplo
Voltar a margem superior de um <div> elemento:
alert(document.getElementById("myDiv").style.marginTop);
Tente você mesmo "
Exemplo
Diferença entre marginTop e paddingTop:
function changeMargin()
{
document.getElementById("myDiv").style.marginTop="100px";
}
function changePadding()
{
document.getElementById("myDiv2").style.paddingTop="100px";
}
Tente você mesmo "
Páginas relacionadas
CSS tutorial: Margem CSS
Referência CSS: margin-top property
Referência HTML DOM: margin property
<Estilo de objeto