সিএসএস মার্জিন বৈশিষ্ট্যটি তার সীমানার চারপাশে নির্বাচিত উপাদানের চারপাশে মার্জিন এলাকা সেট করতে ব্যবহৃত হয়। মার্জিন প্রপার্টি হল মার্জিন-টপ, মার্জিন-ডান, মার্জিন-বটম এবং মার্জিন-বাম-এর একটি সংক্ষিপ্ত বিবরণ।
সিনট্যাক্স
CSS মার্জিন সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
margin: /*value*/
} নিম্নলিখিত উদাহরণগুলি CSS মার্জিন সম্পত্তি −
কে চিত্রিত করেউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
body * {
display: flex;
float: left;
margin: 10px 15px;
border: thin solid;
text-align: center;
width: 40%;
border-radius: 5%;
box-shadow: 0 0 4px 1px grey;
}
p {
font-family: "Sim Sun", monospace;
background-color: lightcyan;
}
div {
font-family: Impact, cursive;
background-color: lightgreen;
}
</style>
</head>
<body>
<p>First demo text</p>
<div>A demo line goes like this..</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
table, table * {
margin: 5% 30%;
border: 12px double red;
padding: 0.5rem;
border-radius: 30px;
}
td:nth-child(even) {
background-color: lightblue;
}
td:nth-child(odd) {
background-color: lightgreen;
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
