CSS margin-block-end প্রতিশব্দ
- পূর্ববর্তী পৃষ্ঠা মার্গিন-ব্লক
- পরবর্তী পৃষ্ঠা মার্গিন-ব্লক-স্টার্ট
পরিভাষা ও ব্যবহার
margin-block-end
বৈশিষ্ট্যটি ব্লক দিশা শেষের বাইরের মার্জিন নির্দেশ করে
CSS-এর মার্গিন-ব্লক
এবং margin-inline
বৈশিষ্ট্যটি CSS-এর margin-top
,margin-bottom
,margin-left
এবং margin-right
মান অতিরিক্ত মার্গিন-ব্লক
এবং margin-inline
এই বৈশিষ্ট্যটি ব্লক দিশা ও হাইপার দিকের উপর নির্ভর করে
মন্তব্য:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-mode
ব্লক দিশা নির্ধারণ করে।এটি ব্লকের ভাব ও শেষ অংশের স্থান নির্ধারণ করে এবং margin-block-end
বৈশিষ্ট্যের ফলাফল।ইংরেজি পাতার জন্য, ব্লক দিশা নিচ থেকে উপর এবং হাইপার দিক ডান থেকে বাম দিকে
ইনস্ট্যান্স
উদাহরণ 1
ব্লক দিশা শেষের বাইরের মার্জিন নির্ধারণ করুন
div { margin-block-end: 35px; }
উদাহরণ 2
যখন <div> এলিমেন্টের writing-mode
যখন writing-mode এর মান হয় vertical-rl তখন, ব্লক দিশা ডান থেকে বাম দিকে হয়।ফলস্বরূপ, এলিমেন্টের শেষ অংশ নিচ থেকে বাম দিকে স্থানান্তরিত হয়।তাই, writing-mode এর পরিবর্তনও margin-block-end এর প্রভাব পাবে:
#parentDiv { writing-mode: vertical-rl; } #myDiv { margin-block-end: 50px; }
CSS গঠন
margin-block-end: অটো|লেংথ|ইনিশিয়াল|ইনহারিট;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
অটো | ডিফল্ট মান |
লেংথ |
দূরত্ব নির্দেশ করুন, একইভাবে px, pt, cm ইত্যাদি ইউনিটে।নেতিবাচক মানও অনুমোদিত |
% | পিতৃত্ব এলিমেন্টের তুলনায় এই বৈশিষ্ট্যকে পারসেপ্টিকল দূরত্ব নির্দেশ করুন |
ইনিশিয়াল | এই বৈশিষ্ট্যকে তার ডিফল্ট মান নিয়ে নিন।দেখুন ইনিশিয়াল. |
ইনহারিট | এই বৈশিষ্ট্যকে তার পিতৃত্ব এলিমেন্ট থেকে ইনহারিট করুন।দেখুন ইনহারিট. |
টেকনিক্যাল বিবরণ
ডিফল্ট মান: | অটো |
---|---|
প্রক্রিয়াকরণ: | না |
অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়েছে।দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য. |
সংস্করণ: | CSS3 |
জেভাস্ক্রিপ্ট গঠন | object.style.marginBlockEnd="20px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এটি প্রথমবার এই বৈশিষ্ট্যকে সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
সংশ্লিষ্ট পৃষ্ঠা
উল্লেখ:CSS margin-block প্রতিশব্দ
উল্লেখ:CSS margin-block-start প্রতিশব্দ
উল্লেখ:CSS margin-bottom প্রতিশব্দ
উল্লেখ:CSS margin-inline প্রতিভূতি
উল্লেখ:CSS margin-left প্রতিভূতি
উল্লেখ:CSS margin-right প্রতিভূতি
উল্লেখ:CSS margin-top প্রতিভূতি
উল্লেখ:CSS ওয়ারটিং-মোড এট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা মার্গিন-ব্লক
- পরবর্তী পৃষ্ঠা মার্গিন-ব্লক-স্টার্ট