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

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

এলিমেন্টের চারদিকের মার্জিন সেট করতে জাভাস্ক্রিপ্টে margin প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">চারদিকের মার্জিন সেট করুন</button>       <p id="myID">এটি ডেমো টেক্সট।</p>       <script>          function display() {             document.getElementById("myID").style.margin = "30px 20px 40px 40px";          }       </script>    </body> </html>

ব্যাখ্যা: margin শর্টহ্যান্ড: ১ মান (চারদিক), ২ মান (টপ/বটম, লেফ্ট/রাইট), ৩ মান (টপ, লেফ্ট/রাইট, বটম), ৪ মান (টপ, রাইট, বটম, লেফ্ট — ঘড়ির কাঁটা অনুযায়ী)। উদাহরণে 30px 20px 40px 40px মানে: টপ ৩০পিক্সেল, রাইট ২০পিক্সেল, বটম ৪০পিক্সেল, লেফ্ট ৪০পিক্সেল।

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

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

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

  4. জাভাস্ক্রিপ্টে একটি এলিমেন্টের সর্বোচ্চ উচ্চতা সেট করা