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
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