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
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