Style marginTop বৈশিষ্ট্য

সংজ্ঞা ও ব্যবহার

marginTop উপ-বিভাগের উপরের মার্গিনটি সেট করা বা ফিরিয়ে দেওয়া

মার্গ বৈশিষ্ট্য এবং padding বৈশিষ্ট্য সকল উপ-বিভাগ চারপাশে স্থান প্রদান করে। কিন্তু, পার্থক্যটি হল যে, margin বর্তমান কাঠামোর চারপাশে স্থান প্রদান করে, আবার padding উপ-বিভাগের কাঠামোর ভিতরে স্থান প্রদান করে。

অন্যান্য দেখুন:

CSS শিক্ষাCSS এর বাহির্মুখী

CSS পরিচ্ছেদকmargin-top বৈশিষ্ট্য

HTML DOM পরিচ্ছেদকমার্গ বৈশিষ্ট্য

উদাহরণ

উদাহরণ 1

সেট করুন <div> উপ-বিভাগের উপরের মার্গিন:

document.getElementById("myDiv").style.marginTop = "50px";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

ফিরিয়ে দিন <div> উপ-বিভাগের উপরের মার্গিন "normal":

document.getElementById("myDiv").style.marginTop = "0px";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 3

ফিরিয়ে দিন <div> উপ-বিভাগের উপরের মার্গিন:

alert(document.getElementById("myDiv").style.marginTop);

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 4

marginTop এবং paddingTop-এর পার্থক্য:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সংজ্ঞা

মার্গিনটি ফিরিয়ে দিন

object.style.marginTop

মার্গিনটি সেট করুন

object.style.marginTop = "%|length|auto|initial|inherit"

বৈশিষ্ট্য মান

মান বর্ণনা
% পিতা উপ-বিভাগের পপ্রস্থ পৃষ্ঠপোষকতায় উপরের মার্গিনটি নির্ধারণ করুন
length দৈর্ঘ্য ইউনিটে উপরের মার্গিনটি নির্ধারণ করুন
auto ব্রাউজার সেটিংসের উপরের মার্গিন
initial এই বৈশিষ্ট্যটির ডিফল্ট মান নিতে নিয়ে নিন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি মা উপ-বিভাগ থেকে উত্তরণ করুন। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 0
ফলাফল: শব্দসূচক, যা উপ-বাহ্যিক মার্গিনটির উপরের মার্গিনটি উল্লেখ করে。
CSS সংস্করণ: CSS1

ব্রাউজার সমর্থন

ক্রোম Edge Firefox Safari Opera
ক্রোম Edge Firefox Safari Opera
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন