কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে একটি এলিমেন্টের ডান মার্জিন সেট করা

জাভাস্ক্রিপ্টে ডান মার্জিন সেট করতে marginRight প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #myID {             border: 2px solid #000000;          }       </style>    </head>    <body>       <div id="myID">এটি ডেমো টেক্সট।</div><br>       <button type="button" onclick="display()">ডান মার্জিন যোগ করুন</button>       <script>          function display() {             document.getElementById("myID").style.marginRight = "150px";          }       </script>    </body> </html>

ব্যাখ্যা: margin-right` এলিমেন্টের ডানপাশে খালি স্থান যোগ করে। মান: দৈর্ঘ্য (px, em, rem, %), auto (ফ্লেক্স/গ্রিডে সাপেস বন্টন জন্য), inherit, initial। নেগেটিভ মান দিলে এলিমেন্ট ডান দিকে ছড়িয়ে যাবে। শর্টহ্যান্ড margin দিয়ে চারদিক একসাথে সেট করা যায়।

  1. জাভাস্ক্রিপ্টে একটি এলিমেন্টের উপরের মার্জিন সেট করা

  2. জাভাস্ক্রিপ্টে একটি এলিমেন্টের নিচের মার্জিন সেট করা

  3. জাভাস্ক্রিপ্টে একটি এলিমেন্টের চারদিকের মার্জিন সেট করা

  4. CSS-এ এলিমেন্টের ডান মার্জিন (margin-right) সেট করা