সিএসএস margin-left প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| margin-left | ১.০ | ৬.০ | ১.০ | ১.০ | ৩.৫ |
সংজ্ঞা ও ব্যবহার
margin-left প্রোপার্টিটি একটি এলিমেন্টের বাম পাশের মার্জিন সেট করতে ব্যবহার করা হয়।
পরামর্শঃ
- নেগেটিভ ভ্যালু গ্রহনযোগ্য।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| ০ | না | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
margin-left: length/auto/initial/inherit;
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>সিএসএস margin-left প্রোপার্টির উদাহরণ</title>
<style>
p.ex1 {
margin-left: 2cm;
}
</style>
</head>
<body>
<p>এই paragraph সাথে নিদিষ্ট ভাবে কোন মার্জিন থাকবে না।</p>
<p class="ex1">এই paragraph বামে পাশে 2cm মার্জিন থাকবে ।</p>
<p>এই paragraph সাথে নিদিষ্ট ভাবে কোন মার্জিন থাকবে না।</p>
</body>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.marginLeft="100px"উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>সিএসএস Javascript উদাহরণ</title>
<style>
#myDIV {
width: 500px;
height: 500px;
background-color: lightblue;
}
</style>
</head>
<body>
<p> "Try it " বাটনে ক্লিক করার সাথে সাথে DIV এলিমেন্ট এর বাম পাস এর মারর্জিন পরির্বতন হবে :</p>
<button onclick="myFunction()">Try it</button>
<div id="test">
এটি একটি div এলিমেন্ট
</div>
<script>
function myFunction() {
document.getElementById("test").style.marginLeft = "100px";
}
</script>
</body>
</html>
ফলাফল
margin-left প্রোপার্টির ভ্যালু-সমূহ
- length - px, pt, cm ইত্যাদির মাধ্যমে বাম মার্জিন স্থির ভাবে নির্দিষ্ট করে। ডিফল্ট ভ্যালু হলো 0px ।
- % - একটি এলিমেন্টের শতকরায় বাম পাশের মার্জিন নির্দিষ্ট করে।
- auto - ব্রাউজার স্বয়ংক্রিয় ভাবে একটি বাম মার্জিন নির্ধারণ করে নেয়।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
margin-left প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।