Propriedade paddingRight

Definição e uso

paddingRight Define ou retorna o padding direito do elemento.

Propriedade margin e Propriedade de 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 do CSS

Manual do CSS:Propriedade padding-right

Manual do HTML DOM:Propriedade de padding

Exemplo

Exemplo 1

Defina o padding direito do elemento <div>:

document.getElementById("myDIV").style.paddingRight = "50px";

Experimente você mesmo

Exemplo 2

Volte o padding direito do elemento <div> para "normal":

document.getElementById("myDIV").style.paddingRight = "0px";

Experimente você mesmo

Exemplo 3

Retorna o padding direito do elemento <div>:

alert(document.getElementById("myDIV").style.paddingRight);

Experimente você mesmo

Exemplo 4

Diferença entre marginRight e paddingRight:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

Experimente você mesmo

Sintaxe

Retorne a propriedade paddingRight:

object.style.paddingRight

Defina a propriedade paddingRight:

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

Valor da propriedade

Valor Descrição
% Defina o padding direito interno como uma porcentagem da largura do elemento pai.
length Defina o padding direito interno usando uma unidade de comprimento.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: 0
Retorno: Stringa, que representa o padding direito interno do elemento.
Versão do CSS： CSS1

Navegador suporta

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