Atributo paddingLeft do estilo

定义和用法

paddingLeft Define e usa

paddingLeft Define e usa Propriedade padding-left Propriedade margin

e

Insere espaço ao redor do elemento. Mas, 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.Margem interna do CSS

Veja também:Tutorial de CSS:

Manual do CSS:Propriedade padding-left

Manual do HTML DOM:

Propriedade de padding

Exemplo

Exemplo 1

Experimente você mesmo

Defina o padding esquerdo do elemento <div>:

Exemplo 2

Retorne o padding esquerdo do elemento <div> para "normal":

Experimente você mesmo

Exemplo 3

Retorna o padding esquerdo do elemento <div>:

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

Experimente você mesmo

Exemplo 4

Diferença entre marginLeft e paddingLeft:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade paddingLeft:

objeto.style.paddingLeft

Definir a propriedade paddingLeft:

objeto.style.paddingLeft = "%|length|initial|inherit"

Valor da propriedade

Valor Descrição
% Definir o padding esquerdo como uma porcentagem da largura do elemento pai.
length Definir o padding esquerdo com 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: Stringo, que representa o padding esquerdo interno do elemento.
Versão do CSS： CSS1

Navegadores suportam

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