Style paddingRight attribute

Définition et utilisation

paddingRight Définit ou retourne la marge interne droite de l'élément.

Propriété margin et Propriété padding Insère de l'espace autour de l'élément. Cependant, la différence réside en ce que le margin insère de l'espace autour de la bordure, tandis que le padding insère de l'espace à l'intérieur de la bordure de l'élément.

Voir aussi :

Tutoriel CSS :Marge interne CSS

Manuel CSS :Propriété padding-right

Manuel HTML DOM :Propriété padding

Exemple

Exemple 1

Définir la marge interne droite de l'élément <div> :

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

Essayer par vous-même

Exemple 2

Retourner la marge interne droite de l'élément <div> à "normal" :

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

Essayer par vous-même

Exemple 3

Retourne la marge interne droite de l'élément <div> :

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

Essayer par vous-même

Exemple 4

Différence entre marginRight et paddingRight :

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

Essayer par vous-même

Syntaxe

Retourner la propriété paddingRight :

object.style.paddingRight

Définir la propriété paddingRight :

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

Valeur de l'attribut

Valeur Description
% Définir la marge interne droite en pourcentage de la largeur de l'élément parent.
length Définir la marge interne droite en unité de longueur.
initial Réinitialise cette propriété à sa valeur par défaut. Voir aussi initial.
inherit Inhérite cette propriété de l'élément parent. Voir aussi inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Une chaîne de caractères, représentant la marge interne droite de l'élément.
Version CSS : CSS1

Navigateur pris en charge

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support