Atributo CSS padding-right

Definición y uso

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

Comentarios:No se permite el uso de valores negativos.

Descripción

Esta propiedad establece el ancho del margen derecho interno del elemento. El margen derecho interno establecido en elementos inline no reemplazables solo aparece en el primer cuadro inline generado por el elemento.

Véase también:

Tutorial de CSS:Márgen interno de CSS

Manual de referencia de HTML DOM:Atributo paddingRight

Ejemplo

Establecer el margen derecho interno de los elementos p:

p
  {
  padding-right:2cm;
  }

Prueba por ti mismo

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

Sintaxis de CSS

padding-right: length|initial|inherit;

Valor del atributo

Valor Descripción
length Define un valor fijo de margen derecho interno en unidades específicas, como píxeles, centímetros, etc. El valor predeterminado es 0px.
% Define un margen derecho 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 derecho interno del elemento padre.

Detalles técnicos

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

TIY Ejemplo

Establecer margen derecho interno 1
Este ejemplo muestra cómo usar valores en centímetros para establecer el margen derecho interno de las celdas.
Establecer margen derecho interno 2
Este ejemplo muestra cómo usar porcentajes para establecer el margen derecho interno de las celdas.

Compatibilidad del navegador

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

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