CSS मार्गिन प्रतियोगिता

व्याख्या और उपयोग

margin संक्षिप्त गुण एक व्यक्तव्य में सभी बाह्य किनारा गुण सेट करता है। यह गुण 1 से 4 मूल्यों के लिए हो सकता है。

वर्णन

यह संक्षिप्त गुण एक तत्व के सभी बाह्य किनारा की चौड़ाई को सेट करता है, या फिर प्रत्येक किनारे की ऊपरी बाह्य किनारा को सेट करता है。

ब्लॉक तत्व के अनुसारी बाह्य किनारा गुण एकत्रित होते हैं, जबकि इनलाइन तत्व वास्तव में ऊपरी और नीचे बाह्य किनारा नहीं लेते। इनलाइन तत्व के बाईं और दायाँ बाह्य किनारा एकत्रित नहीं होते। फ्लॉटिंग तत्व के बाह्य किनारा भी एकत्रित नहीं होते। नकारात्मक बाह्य किनारा मूल्यों को निर्दिष्ट करने की अनुमति है, लेकिन उनके उपयोग के दौरान सावधानी करें。

टिप्पणी:नकारात्मक मूल्यों का उपयोग करने की अनुमति है。

उदाहरण 1

margin:10px 5px 15px 20px;
  • ऊपरी बाह्य किनारा 10px है
  • दायाँ बाह्य किनारा 5px है
  • नीचे बाह्य किनारा 15px है
  • बाईं बाह्य किनारा 20px है

उदाहरण 2

margin:10px 5px 15px;
  • ऊपरी बाह्य किनारा 10px है
  • दायाँ बाह्य किनारा और बाईं बाह्य किनारा 5px हैं
  • नीचे बाह्य किनारा 15px है

उदाहरण 3

margin:10px 5px;
  • ऊपरी बाह्य किनारा और नीचे बाह्य किनारा 10px हैं
  • दायाँ बाह्य किनारा और बाईं बाह्य किनारा 5px हैं

उदाहरण 4

margin:10px;
  • सभी 4 बाह्य किनारा 10px हैं

और देखें:

CSS शिक्षा:CSS बाह्य-सीमा

HTML DOM संदर्भ दस्तावेज़:margin गुण

उदाहरण

p तत्व के 4 बाह्य किनारा गुण सेट करें:

p
  {
  margin:2cm 4cm 3cm 4cm;
  }

अपने आप प्रयास करें

CSS व्याकरण

margin: length|auto|initial|inherit;

गुण मूल्य

मूल्य वर्णन
auto ब्राउज़र बाह्य किनारा गुण की गणना करता है。
length विशिष्ट इकाई में बाह्य किनारा गुण का मूल्य निर्दिष्ट किया गया है, जैसे पिक्सल, सेमी, आदि। डिफ़ॉल्ट मूल्य 0px है。
% अंतर्निहित तत्व की चौड़ाई के प्रतिशत से बाह्य किनारा गुण निर्दिष्ट किया गया है。
inherit पिछले तत्व से बाह्य किनारा गुण का विरासत करना निर्दिष्ट किया गया है。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: 0
विरासत: नहीं
संस्करण: CSS1
JavaScript व्याकरण: object.style.margin="10px 5px"

और अधिक उदाहरण

सभी किनारा गुण एक ही व्यक्तव्य में
इस उदाहरण में सभी किनारा गुण को एक ही व्यक्तव्य में सेट करने के तरीका दिखाया गया है。

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

तालिका में दिए गए नंबर के द्वारा पूर्णता से समर्थित पहले ब्राउज़र का संस्करण निर्दिष्ट किया गया है。

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5