Atributo paddingBottom do estilo

Definição e uso

paddingBottom Define e retorna a margem inferior interna do elemento.

Propriedade margin e Propriedade padding Insere espaço ao redor do elemento. No entanto, a diferença está em que o margin insere espaço ao redor da borda, enquanto o padding insere espaço dentro da borda do elemento.

Veja também:

Tutorial de CSS:Margem interna CSS

Manual do CSS:Propriedade padding-bottom

Manual do HTML DOM:Propriedade padding

Exemplo

Exemplo 1

Defina a margem inferior interna do elemento <div>:

document.getElementById("myDiv").style.paddingBottom = "50px";

Experimente você mesmo

Exemplo 2

Volte a margem inferior interna do elemento <div> para "normal":

document.getElementById("myDiv").style.paddingBottom = "0px";

Experimente você mesmo

Exemplo 3

Retorne a margem inferior interna do elemento <div>:

alert(document.getElementById("myDiv").style.paddingBottom);

Experimente você mesmo

Exemplo 4

Diferença entre marginBottom e paddingBottom:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Experimente você mesmo

Sintaxe

Retorne a propriedade paddingBottom:

object.style.paddingBottom

Defina a propriedade paddingBottom:

object.style.paddingBottom = "%|length|initial|inherit"

Valor da propriedade

Valor Descrição
% Defina a margem inferior interna como um percentual da largura do elemento pai.
length Defina a margem inferior interna com uma unidade de comprimento.
initial Defina essa propriedade como seu valor padrão. Veja também initial。
inherit Herda essa propriedade do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão: 0
Retorno: Stringo, que representa a margem inferior interna do elemento.
CSS versão： CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte