Atributo CSS padding-left

Definición y uso

El atributo padding-left establece el margen izquierdo interno del elemento (espacio en blanco).

Explicación

Esta propiedad establece el ancho del margen izquierdo interno del elemento. El margen izquierdo interno establecido en elementos inline no reemplazados solo aparecerá a la izquierda del primer cuadro inline generado por el elemento.

Comentarios:No se permite el uso de valores negativos.

Véase también:

Tutoriales de CSS:Márgen interno de CSS

Manual de referencia del DOM HTML:Atributo paddingLeft

Ejemplo

Establecer el margen izquierdo interno del elemento p:

p
  {
  padding-left:2cm;
  }

Prueba por ti mismo

(Se pueden encontrar más ejemplos en la parte inferior de la página)

Sintaxis de CSS

padding-left: length|initial|inherit;

Valor del atributo

Valor Descripción
length Define un valor de margen izquierdo interno fijo en unidades específicas, como píxeles, centímetros, etc. El valor predeterminado es 0px.
% Define un margen izquierdo interno en porcentaje basado en el ancho del elemento padre. Este valor no funciona como se espera en todos los navegadores.
inherit Se debe heredar el margen izquierdo interno del elemento padre.

Detalles técnicos

Valor predeterminado: 0
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.paddingLeft="10px"

Ejemplo TIY

Establecer margen izquierdo interno 1
Este ejemplo muestra cómo usar valores en centímetros para establecer el margen izquierdo interno de la celda.
Establecer margen izquierdo interno 2
Este ejemplo muestra cómo usar porcentajes para establecer el margen izquierdo interno de la celda.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5