Style marginRight లక్షణం

నిర్వచనం మరియు ఉపయోగం

marginRight లక్షణాలను సెట్ చేయడానికి లేదా అంశాలను పొందడానికి ప్రయత్నించండి కుడి బయట మార్గం.

మార్గం లక్షణం మరియు ప్యాడింగ్ లక్షణం అన్ని అంశాల చుట్టూ అంతరాలను ప్రవేశపెడతాయి. కానీ, వ్యత్యాసం ఉంది, మార్గం కిరిగి అంతరాలను ప్రవేశపెడతాయి మరియు ప్యాడింగ్ అంశం కిరిగి అంతరాలను ప్రవేశపెడతాయి.

మరియు చూడండి:

CSS శిక్షణ మార్గం:CSS 外边距

CSS పరిశీలన మార్గం:మార్గం రిగ్హ్తర్ లక్షణం

HTML DOM పరిశీలన మార్గం:మార్గం లక్షణం

ఉదాహరణ

ఉదాహరణ 1

సెట్ చేయండి <div> అంశం యొక్క కుడి బయట మార్గం:

document.getElementById("myDiv").style.marginRight = "50px";

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

<div> అంశం యొక్క కుడి బయట మార్గాన్ని "normal" కి తిరిగి సెట్ చేయండి:

document.getElementById("myDiv").style.marginRight = "0px";

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

పొందించబడుతుంది <div> అంశం యొక్క కుడి బయట మార్గం:

alert(document.getElementById("myDiv").style.marginRight);

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

మార్గం రిగ్హ్తర్ మరియు ప్యాడింగ్ రిగ్హ్తర్ యొక్క వ్యత్యాసం:

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

స్వయంగా ప్రయత్నించండి

సంకేతం

మార్గం రిగ్హ్తర్ లక్షణాన్ని పొందండి:

object.style.marginRight

మార్గం రిగ్హ్తర్ లక్షణాన్ని సెట్ చేయండి:

object.style.marginRight = "%|length|auto|initial|inherit"

లక్షణ విలువ

విలువ వివరణ
% పేర్విక అంశం వెడల్పు శాతంగా సెట్ చేయండి కుడి బయట మార్గం.
length పొడవు ఇక్కడ సెట్ చేయండి కుడి బయట మార్గం.
auto బ్రౌజర్ సెట్ చేసే కుడి బయట మార్గం.
initial ఈ లక్షణాన్ని అప్రమేయ విధంగా సెట్ చేయండి. దయచేసి చూడండి initial.
inherit ఈ లక్షణాన్ని తన పేర్విక అంశం నుండి పారదర్శకంగా ఉంచండి. దయచేసి చూడండి inherit.

సాంకేతిక వివరాలు

అప్రమేయ విధం: 0
వారు పొందించే విధం: స్ట్రింగ్ ఆకారంలో ఉన్న అంశం యొక్క కుడి బయట మార్గం.
CSS సంస్కరణ: CSS1

బ్రౌజర్ మద్దతు

క్రోమ్ Edge Firefox Safari Opera
క్రోమ్ Edge Firefox Safari Opera
支持 支持 支持 支持 支持