সিএসএস মার্জিন শর্টহ্যান্ড সম্পত্তি একটি উপাদানের জন্য মার্জিন এলাকা সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি ঘড়ির কাঁটার দিক থেকে মান সেট করে, যেমন মার্জিন-টপ, মার্জিন-ডান, মার্জিন-নিচ এবং তারপর মার্জিন-বাম।
সিনট্যাক্স
CSS মার্জিন সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
margin: /*value*/
} নিম্নলিখিত উদাহরণগুলি CSS মার্জিন শর্টহ্যান্ড সম্পত্তি −
চিত্রিত করেউদাহরণ
<!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> আউটপুট
