Los últimos tutoriales de desarrollo web
 

Style paddingLeft Property

<Estilo de objeto

Ejemplo

Establecer el relleno a la izquierda de un <div> elemento:

document.getElementById("myDiv").style.paddingLeft = "50px";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades paddingLeft o devuelve el relleno a la izquierda de un elemento.

Tanto la propiedad de margen y el espacio de inserción propiedad padding alrededor de un elemento. Sin embargo, la diferencia es que el margen inserta el espacio alrededor de la frontera, mientras que el relleno inserta el espacio dentro del borde de un elemento.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad paddingLeft es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad paddingLeft:

object .style.paddingLeft

Establecer la propiedad paddingLeft:

object .style.paddingLeft=" Valores de propiedad
Valor Descripción
% Define el relleno a la izquierda en% de la anchura del elemento padre
length Define el relleno a la izquierda en unidades de longitud
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: 0
Valor de retorno: Una cadena, que representa el relleno a la izquierda de un elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Cambiar el relleno a la izquierda de un <div> elemento nuevo a "normal" :

document.getElementById("myDiv").style.paddingLeft = "0px";
Inténtalo tú mismo "

Ejemplo

Devolver el relleno a la izquierda de un <div> elemento:

alert(document.getElementById("myDiv").style.paddingLeft);
Inténtalo tú mismo "

Ejemplo

Diferencia entre marginLeft y paddingLeft:

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

function changePadding() {
    document.getElementById("myDiv2").style.paddingLeft = "100px";
}
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Relleno CSS

Referencia CSS: padding-left property

Referencia HTML DOM: padding property


<Estilo de objeto