Atributo paddingLeft de estilo

Definición y uso

paddingLeft Establece o devuelve el margen izquierdo del elemento.

Propiedad margin y Propiedad padding Insertan espacio alrededor del elemento. Sin embargo, la diferencia radica en que, el margen inserta espacio alrededor del borde, mientras que el relleno inserta espacio dentro del borde del elemento.

Vea también:

Tutoriales de CSS:Márgenes internos de CSS

Manual de referencia de CSS:Propiedad padding-left

Manual de referencia de HTML DOM:Propiedad padding

Ejemplo

Ejemplo 1

Configurar el margen izquierdo interno del elemento <div>:

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

Pruebe usted mismo

Ejemplo 2

Volver al valor "normal" del margen izquierdo interno del elemento <div>:

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

Pruebe usted mismo

Ejemplo 3

Devuelve el margen izquierdo interno del elemento <div>:

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

Pruebe usted mismo

Ejemplo 4

La diferencia entre marginLeft y paddingLeft:

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

Pruebe usted mismo

Sintaxis

Devolver la propiedad paddingLeft:

objeto.style.paddingLeft

Configurar la propiedad paddingLeft:

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

Valor del atributo

Valor Descripción
% Definido por porcentaje del ancho del elemento padre el margen izquierdo interno.
length Definido por unidades de longitud el margen izquierdo interno.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: 0
Valor devuelto: Cadena que representa el margen izquierdo interno del elemento.
Versión de CSS: CSS1

Navegadores que admiten

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte