tutoriais mais recente desenvolvimento web
 

Style paddingTop Property

<Estilo de objeto

Exemplo

Defina o preenchimento topo de uma <div> elemento:

document.getElementById("myDiv").style.paddingTop = "50px";
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades paddingTop ou retorna o preenchimento superior de um elemento.

As propriedades de preenchimento definir o espaço entre a borda do elemento e o conteúdo do 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 paddingTop é suportado em todos os principais navegadores.


Sintaxe

Devolver o imóvel paddingTop:

object .style.paddingTop

Defina a propriedade paddingTop:

object .style.paddingTop=" Valores de propriedade
Valor Descrição
% Define o estofamento superior em% da largura do elemento pai
length Define o estofamento superior em unidades de comprimento
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 cadeia, representando a cobertura de topo de um elemento
CSS Versão CSS1

mais Exemplos

Exemplo

Alterar o preenchimento topo de uma <div> elemento de volta ao "normal" :

document.getElementById("myDiv").style.paddingTop = "0px";
Tente você mesmo "

Exemplo

Devolver o preenchimento topo de uma <div> elemento:

alert(document.getElementById("myDiv").style.paddingTop);
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: Padding CSS

Referência CSS: padding-top property

Referência HTML DOM: padding property


<Estilo de objeto