tutoriais mais recente desenvolvimento web
 

Style marginTop Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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