Style paddingRight egenskap

Definition och användning

paddingRight Sätter eller returnerar höger inre marginal för elementet.

margin-egenskapen och padding-egenskapen Lägger till utrymme runt elementen. Men skillnaden är att margin lägger till utrymme runt ramen, medan padding lägger till utrymme inom elementets ram.

Se också:

CSS-tutorial:CSS inre kant

CSS referenshandbok:padding-right-egenskapen

HTML DOM referenshandbok:padding-egenskapen

Exempel

Exempel 1

Sätt höger inre marginal för <div>-elementet:

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

Prova själv

Exempel 2

Återställ höger inre marginal för <div>-elementet till "normal":

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

Prova själv

Exempel 3

Returnerar höger inre marginal för <div>-elementet:

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

Prova själv

Exempel 4

Skillnaden mellan marginRight och paddingRight:

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

Prova själv

Syntax

Returnera paddingRight-egenskapen:

object.style.paddingRight

Sätt paddingRight-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
% Definiera höger inre marginal som en procentandel av föräldrelementets bredd.
length Definiera höger inre marginal med längdenheter.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheriterar denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: En sträng som anger elementets högra inre marginal.
CSS version: CSS1

Webbläsare stödjer

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd