CSS margin शॉर्टहैंड प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए मार्जिन क्षेत्र को परिभाषित करने के लिए किया जाता है। यह क्लॉक-वाइज दिशा में मान सेट करता है, यानी margin-top, margin-right, margin-bottom और फिर margin-left।
सिंटैक्स
CSS margin प्रॉपर्टी का सिंटैक्स निम्नानुसार है:
Selector { margin: /*value*/ }
निम्नलिखित उदाहरण CSS margin शॉर्टहैंड प्रॉपर्टी को दर्शाते हैं:
उदाहरण
<!DOCTYPE html> <html> <head> <style> div { margin: 7% auto -3% 25%; width: 40px; height: 40px; padding: 0.9rem; box-shadow: inset 0 0 50px turquoise; border: thin solid; } div > div { border-top-right-radius: 100px; border-bottom-right-radius: 500px; border-top-left-radius: 30px; box-shadow: inset 0 0 6px navy; } div > div > div { padding: 0.3em; margin: 2px -40px; box-shadow: inset 0 0 16px orange; border-radius: 50%; } #one { padding: 50px; border-radius: 10px; } </style> </head> <body> <div id="one"> <div> <div></div> </div> </div> </body> </html>
आउटपुट
दूसरा उदाहरण
<!DOCTYPE html> <html> <head> <style> article { margin: 2em 1em; background-color: bisque; } span { margin: -23% 83%; border-left: dashed; background-image: linear-gradient(to right, lightgreen, forestgreen); font-size: 1.4em; font-style: italic; } </style> </head> <body> <h2>What is Spring Framework?</h2> <article> Spring framework is an open source Java platform. It was initially written by Rod Johnson and was first released under the Apache 2.0 license in June 2003.<span> Spring is lightweight when it comes to size and transparency. The basic version of Spring framework is around 2MB.</span> </article> </body> </html>
आउटपुट
