CSS margin-block-start এটিবিউট

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

margin-block-start প্রক্রিয়াটি ব্লক দিশা শুরুতের মার্জিনকে নির্ধারণ করে

CSS-র margin-block ও margin-inline প্রক্রিয়াটি সংক্রান্ত margin-top、margin-bottom、margin-left ও margin-right প্রক্রিয়াটি অত্যন্ত মিলিত margin-block ও margin-inline প্রক্রিয়াটি ব্লক দিশা ও লাইন দিশা-র উপর নির্ভর করে

নোট:সংশ্লিষ্ট CSS প্রক্রিয়াটি writing-mode ব্লক দিশা নির্ধারণ করেছে। এটি ব্লকের শুরু ও শেষ স্থান এবং margin-block-start প্রক্রিয়াটির ফলাফলকে প্রভাবিত করে। ইংরেজি পাতার জন্য, ব্লক দিশা নিচ থেকে এবং লাইন দিশা বাম থেকে ডান দিকে হয়

উদাহরণ

উদাহরণ 1

ব্লক দিশা শুরুতের মার্জিন সেট করুন:

div {
  margin-block-start: 35px;
}

স্বয়ং প্রয়াস করুন

উদাহরণ 2

যখন <div> ইলেকট্রনের writing-mode প্রক্রিয়াটির মান ভালো হলে, ব্লক দিশা ডান থেকে বাম দিকে হয়। ফলস্বরূপ, ইলেকট্রনের ভালো স্থান ডানদিকে এবং উপর থেকে বামদিকে স্থানান্তরিত হয়। ফলস্বরূপ, writing-mode এর পরিবর্তনও প্রভাবিত হবে margin-block-start প্রভাব:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-start: 50px;
}

স্বয়ং প্রয়াস করুন

CSS গ্রামার

margin-block-start: auto|লেংথ|ইনিশিয়াল|ইনহারিট;

প্রক্রিয়াটির মান

মান বর্ণনা
অটো ডিফল্ট মান। ইলেকট্রনের ডিফল্ট মার্জিন দূরত্ব
লেংথ দূরত্ব সংক্রান্ত পারস্পরিক প্রতিস্থাপনা সংক্রান্ত পারস্পরিক প্রতিস্থাপনা। পক্ষপাতকৃত মান অনুমোদিতCSS ইউনিট。
% পিতৃ ইলেকট্রনের সম্পর্কে এই প্রক্রিয়াটির প্রতি পারস্পরিক দূরত্ব সংক্রান্ত পারস্পরিক প্রতিস্থাপনা
ইনিশিয়াল এই প্রক্রিয়াটি তার ডিফল্ট মানে সেট করুন। দেখুন ইনিশিয়াল。
ইনহারিট এই প্রক্রিয়াটি পিতৃ ইলেকট্রনকে থেকে উত্তরসূরীতা করে। দেখুন ইনহারিট。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: অটো
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত প্রতিশব্দ。
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গ্রামার: object.style.marginBlockStart="100px"

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

টেবিলের সংখ্যা এই লোকেশনটির প্রথম সম্পূর্ণরূপে এই প্রক্রিয়াটি সমর্থনকারী ব্রাউজারের সংস্করণকে ইনডিকেট করে。

চ্রোম এজ ফায়ারফক্স সাফারি অপেরা
87.0 87.0 41.0 12.1 73.0

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখ:CSS margin-block এটিবিউট

উল্লেখ:CSS margin-block-end এটিবিউট

উল্লেখ:CSS margin-bottom এটিবিউট

উল্লেখ:CSS margin-inline প্রতিভা

উল্লেখ:CSS margin-left প্রতিভা

উল্লেখ:CSS margin-right প্রতিভা

উল্লেখ:CSS margin-top প্রতিভা

উল্লেখ:CSS writing-mode অপারেন্ট