Atributo paddingRight

Definición y uso

paddingRight Establece o devuelve el margen derecho interno 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 CSS：Propiedad padding-right

Manual de HTML DOM：Propiedad padding

Ejemplo

Ejemplo 1

Establecer el margen derecho interno del elemento <div>：

document.getElementById("myDIV").style.paddingRight = "50px";

Pruebe usted mismo

Ejemplo 2

Vuelva a establecer el margen derecho interno del elemento <div> a "normal":

document.getElementById("myDIV").style.paddingRight = "0px";

Pruebe usted mismo

Ejemplo 3

Devuelve el margen derecho interno del elemento <div>：

alert(document.getElementById("myDIV").style.paddingRight);

Pruebe usted mismo

Ejemplo 4

Diferencia entre marginRight y paddingRight：

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

Pruebe usted mismo

Sintaxis

Devolver propiedad paddingRight：

object.style.paddingRight

Establecer propiedad paddingRight：

object.style.paddingRight = "%|length|initial|inherit"

Valor del atributo

Valor Descripción
% Defina el margen derecho interno como un porcentaje del ancho del elemento padre.
length Defina el margen derecho interno con una unidad de longitud.
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 derecho interno del elemento.
Versión de CSS： CSS1

Navegador compatible

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