सीएसएस मार्जिन-टॉप संपत्ति
उदाहरण
<p> तत्व के लिए शीर्ष मार्जिन को 25 पिक्सेल पर सेट करें:
p.ex1 {
margin-top: 25px;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
margin-top
संपत्ति तत्व के शीर्ष मार्जिन को सेट करती है ।
नोट: नकारात्मक मानों की अनुमति है।
डिफ़ॉल्ट मान: | 0 |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 1 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.marginTop="100px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
margin-top | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
सीएसएस सिंटेक्स
margin-top: length|auto|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
length | Specifies a fixed top margin in px, pt, cm, etc. Default value is 0px. Negative values are allowed. Read about length units | |
% | Specifies a top margin in percent of the width of the containing element | |
auto | The browser calculates a top margin | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
मार्जिन पतन
तत्वों के ऊपर और नीचे के मार्जिन कभी-कभी एक ही मार्जिन में ढह जाते हैं जो दो मार्जिन के सबसे बड़े के बराबर होता है।
यह क्षैतिज (बाएं और दाएं) हाशिये पर नहीं होता है! केवल लंबवत (ऊपर और नीचे) मार्जिन!
निम्नलिखित उदाहरण देखें:
उदाहरण
p.a {
margin: 30px 0;
}
p.b {
margin: 20px 0;
}
ऊपर के उदाहरण में, <p class="a"> तत्व का ऊपरी और निचला मार्जिन 30px है। <p class="b"> तत्व का ऊपरी और निचला मार्जिन 20px है।
इसका मतलब है कि <p class="a"> और <p class="b"> के बीच का वर्टिकल मार्जिन 50px (30px + 20px) होना चाहिए। लेकिन मार्जिन में गिरावट के कारण, वास्तविक मार्जिन 30px हो जाता है!
और ज्यादा उदाहरण
उदाहरण
<p> तत्व के लिए शीर्ष मार्जिन को कंटेनर की चौड़ाई के 10% पर सेट करें:
p.ex1 {
margin-top: 10%;
}
उदाहरण
<p> तत्व के लिए शीर्ष मार्जिन को 2 em पर सेट करें:
p.ex1 {
margin-top: 2em;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस मार्जिन
एचटीएमएल डोम संदर्भ: मार्जिनटॉप संपत्ति