स्टाइल मार्जिन गुण

परिभाषा और उपयोग

मार्जिन गुण को निर्धारित करता है या वापस देता है एकल तत्व के बाह्यमान.

यह गुण 1 से 4 मूल्य ले सकता है:

  • एक मूल्य, उदाहरणार्थ: div {मार्जिन: 50px} - सभी चार बाह्यमान 50px
  • दो मूल्य, उदाहरणार्थ: div {मार्जिन: 50px 10px} - ऊपरी-नीचे बाह्यमान 50px, बाईं-दायामान 10px
  • तीन मूल्य, उदाहरणार्थ: div {मार्जिन: 50px 10px 20px} - ऊपरी बाह्यमान 50px, बाईं-दायामान 10px, नीचे बाह्यमान 20px
  • चार मान, उदाहरण के लिए: div {margin: 50px 10px 20px 30px} - ऊपरी मार्गिन 50px, दायां मार्गिन 10px, नीचे मार्गिन 20px, बाईं मार्गिन 30px

मार्गिन गुण और पैडिंग गुण एलिमेंट के चारों ओर अंतराल प्रविष्ट करते हैं। लेकिन अंतर के अनुसार, मार्गिन किनारे के चारों ओर अंतराल प्रविष्ट करता है, जबकि पैडिंग एलिमेंट के किनारे के भीतर अंतराल प्रविष्ट करता है。

और देखें:

CSS शिक्षा:CSS बाह्यमुखी

CSS संदर्भ दस्तावेज़:मार्गिन गुण

उदाहरण

उदाहरण 1

<div> एलिमेंट के सभी चार मार्गिन को सेट करें:

document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";

स्वयं एक प्रयोग कीजिए

उदाहरण 2

<div> एलिमेंट के सभी चार मार्गिन को "25px" में बदलें:

document.getElementById("myDiv").style.margin = "25px";

स्वयं एक प्रयोग कीजिए

उदाहरण 3

वापसी <div> एलिमेंट के मार्गिन:

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

स्वयं एक प्रयोग कीजिए

उदाहरण 4

मार्गिन गुण और पैडिंग गुण के अंतर:

function changeMargin() {
  document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.padding = "100px";
}

स्वयं एक प्रयोग कीजिए

व्याकरण

मार्गिन गुण वापस करें:

object.style.margin

मार्गिन गुण सेट करें:

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

गुण मान

मान वर्णन
% मार्गिन को पैरेंट एलिमेंट की चौड़ाई के प्रतिशत से परिभाषित करें।
length मार्गिन को लंबाई इकाई से परिभाषित करें।
auto ब्राउज़र द्वारा बाहरी मार्गिन (सभी चार मार्गिन समान होंगे) को सेट करता है।
initial इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial।
inherit अपने पैरेंट एलिमेंट से इस गुण को उदार बनाएं। देखें inherit।

तकनीकी विवरण

डिफ़ॉल्ट मान: 0
वापसी मान: फ़ाइलेंट्री वाली अक्षर, एलिमेंट के बाहरी मार्गिन को प्रदर्शित करती है。
CSS संस्करण: CSS1

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सफारी ऑपेरा
च्रोम एज फायरफॉक्स सफारी ऑपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन