CSS Margins In Hindi:-

CSS Margins:-

दोस्तों CSS Margins का उपयोग किसी elements के आसपास space बनाने के लिए किया जाता है |

अगर साधारण शब्दों में कहे तो Web Page के किसी भी Content को Page के किस जगह पर रखना ये काम हम CSS Margins के मदद से कर सकते है | उदाहरण के लिए मान लीजिये की आप ने web page में एक <h1> टैग का उपयोग किया है और चाहते है की इस <h1> Tag ऊपर से 100 px की दुरी पर दिखाई दे तो आप CSS Margins की मदद से आप ये कर सकते है |

आप नीचे के उदाहरण को देखें |

<html>
<head>
<style>
h2 {   

    color: red;

}
</style>
</head>
<body>
<h2>Example of CSS Margins</h2>
<p>CSS margin used to create space around elements.</p>
</body>
</html>

 

Output:-

 

ऊपर के Example में हमने एक <h2> Tag और <p> Tag का उपयोग किया है अब इसी Example में हम <h2> Tag पर Margins लगाकर देखते है की क्या Output मिलता है |

<html>
<head>
<style>

h2 {
    margin: 100px;
    color: red;
}

</style>
</head>
<body>
<h2>Example of CSS Margins</h2>
<p>CSS margin used to create space around elements.</p>
</body>
</html>

Output:-

दोस्तों ऊपर के उदाहरण में हम ने <h2> tag पर 100px का margin लगाया है इसी कारण <h2> tag चारों ओर से 100px का margin ले रहा है | अगर आप चाहते है की <h2> tag Top (ऊपर), Bottom (नीचे) , Right (दायाँ), Left (बाएं) से आप के इच्छा अनुसार margin ले तो इस काम को भी CSS Margins से किया जा सकता है |

आप नीचे के उदाहरण को देखें |

<html>
<head>
<style>

h2 {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
}

</style>
</head>
<body>
<h2>Example of CSS Margins</h2>
<p>CSS margin used to create space around elements.</p>
</body>
</html>

ऊपर के उदाहरण में आप देख सकते है की हम ने CSS Margins का उपयोग चार प्रकार से किया है | margin-top का उपयोग ऊपर के margin को नियंत्रित करने के लिए किया जाता है | margin-bottom का उपयोग नीचे के margin को नियंत्रित करने के लिए किया जाता है | दाएं ओर के लिए margin-right और बाएं के लिए margin-left का उपयोग किया जाता है |

 

 

 

 

Next:- CSS Padding In Hindi :-