सीएसएस मार्जिन पतन
कभी-कभी दो हाशिये एक ही हाशिये में गिर जाते हैं।
मार्जिन पतन
तत्वों के ऊपर और नीचे के मार्जिन कभी-कभी एक ही मार्जिन में ढह जाते हैं जो दो मार्जिन के सबसे बड़े के बराबर होता है।
यह बाएँ और दाएँ हाशिये पर नहीं होता है! केवल ऊपर और नीचे मार्जिन!
निम्नलिखित उदाहरण देखें:
उदाहरण
मार्जिन पतन का प्रदर्शन:
h1 {
margin: 0 0 50px 0;
}
h2 {
margin: 20px 0 0 0;
}
ऊपर के उदाहरण में, <h1> तत्व का निचला मार्जिन 50px है और <h2> तत्व का शीर्ष मार्जिन 20px पर सेट है।
सामान्य ज्ञान यह सुझाव देता प्रतीत होता है कि <h1> और <h2> के बीच का लंबवत मार्जिन कुल 70px (50px + 20px) होगा। लेकिन मार्जिन में गिरावट के कारण, वास्तविक मार्जिन 50px हो जाता है।
सभी सीएसएस मार्जिन गुण
| Property | Description |
|---|---|
| margin | A shorthand property for setting the margin properties in one declaration |
| margin-bottom | Sets the bottom margin of an element |
| margin-left | Sets the left margin of an element |
| margin-right | Sets the right margin of an element |
| margin-top | Sets the top margin of an element |