CSS margin-inline-start প্রতিভা
- পূর্ববর্তী পৃষ্ঠা margin-inline-end
- পরবর্তী পৃষ্ঠা margin-left
সংজ্ঞা ও ব্যবহার
মার্গ-ইনলাইন-স্টার্ট
প্রতিভাত্ত্বক সম্প্রীতির সূচকটি হল লাইনের ভেতরীয় মার্গটির প্রারম্ভিক শিকড়
CSS 的 বৈশিষ্ট্যগুলি অনেকটা মিল করে, কিন্তু
সংশ্লিষ্ট সিএসএস বৈশিষ্ট্য মার্গ-ইনলাইন
বৈশিষ্ট্যগুলি সিএসএস-এর মার্গ-টপ
মার্গ-বান্ধবও
মার্গ-বান্ধবmargin-left
সংশ্লিষ্ট সিএসএস বৈশিষ্ট্য 、
মার্গ-রাইট বৈশিষ্ট্যগুলি অনেকটা মিল করে, কিন্তু
সংশ্লিষ্ট সিএসএস বৈশিষ্ট্য মার্গ-ইনলাইন
মার্গ-ব্লক
বৈশিষ্ট্যটি ব্লক দিক ও ইনলাইন দিকের উপর নির্ভর করে。মন্তব্য: writing-mode
সংশ্লিষ্ট সিএসএস বৈশিষ্ট্য দিকনির্দেশনা
দিকনির্দেশনা ও ইনলাইন দিক নির্দেশ করে। এটি উপাদানের শুরু ও শেষ অংশের স্থান ও মার্গ-ইনলাইন-স্টার্ট
ইংরেজি পাতার জন্য, ব্লক দিক নিচ থেকে উপর দিকে হয়, ইনলাইন দিক বাম থেকে ডান দিকে হয়。
বৈশিষ্ট্যের ফলাফল
উদাহরণ
উদাহরণ 1
div { মার্গ-ইনলাইন-স্টার্ট নির্দেশ করুন: }
উদাহরণ 2
যখন <div> উপাদানের writing-mode
যখন 'vertical-rl' বৈশিষ্ট্য মান নির্দেশ করা হয়, তখন ইনলাইন দিক নিচ থেকে উপর দিকে হয়। ফলাফলটি হল যে, উপাদানের শুরুতের অংশটি বাম থেকে শুরু করে উপরে উঠে যায়:
div { মার্গ-ইনলাইন-স্টার্ট: 50px; writing-mode: vertical-rl; }
উদাহরণ 3
যখন <div> উপাদানের দিকনির্দেশনা
যখন 'rtl' বৈশিষ্ট্য মান নির্দেশ করা হয়, তখন ইনলাইন দিক ডান থেকে বাম দিকে হয়। ফলাফলটি হল যে, উপাদানের শুরুতের অংশটি দৃশ্যমানভাবে প্রথমের বাম দিক থেকে শুরু করে, কিন্তু দিকনির্দেশনা ডান থেকে বাম দিকে হয়, তাই বাস্তব সাজানোর প্রভাব কিছুটা ভিন্ন হবে:
div { মার্গ-ইনলাইন-স্টার্ট: 50px; দিকনির্দেশনা: rtl; }
সিএসএস গঠনশৈলী
মার্গ-ইনলাইন-স্টার্ট: অটো|লেংথ|ইনিশিয়াল|ইনহারিট;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
অটো | ডিফল্ট মান। উপাদানের ডিফল্ট মার্গ-ইনলাইন-স্টার্ট মান |
লেংথ |
px, pt, cm ইত্যাদি ইউনিটে মার্গ-ইনলাইন-স্টার্ট নির্দেশ করুন। নেতিবাচক মান অনুমোদিত হয়। দেখুন:CSS ইউনিট。 |
% | মার্গ-ইনলাইন-স্টার্ট কেন্দ্রীয় দিকের মাপ পারসেন্টে নির্দেশ করুন。 |
ইনিশিয়াল | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে ন্যায়ায়িত করুন। দেখুন: ইনিশিয়াল。 |
ইনহারিট | এই বৈশিষ্ট্যটি তার পিতৃত্ব উপাদান থেকে উত্তরসূরীতা করে। দেখুন: ইনহারিট。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | অটো |
---|---|
উত্তরসূরীতা: | না |
অ্যানিমেশন নির্মাণ: | সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。 |
সংস্করণ: | সিএসএস3 |
জেভাস্ক্রিপ্ট গঠনশৈলী: | object.style.marginInlineStart="50px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই ব্যাক্তিত্বকে প্রথম পূর্ণ সমর্থনকারী ব্রাউজার সংস্করণকে নির্দেশ করে।
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
69.0 | 79.0 | 68.0 | 14.1 | 56.0 |
সংক্রান্ত পৃষ্ঠা
উল্লেখCSS ডাইরেকশন এট্রিবিউট
উল্লেখCSS margin-inline-end প্রতিভা
উল্লেখCSS margin-bottom প্রতিশব্দ
উল্লেখCSS margin-inline প্রতিভা
উল্লেখCSS margin-left প্রতিভা
উল্লেখCSS margin-right প্রতিভা
উল্লেখCSS margin-top প্রতিভা
- পূর্ববর্তী পৃষ্ঠা margin-inline-end
- পরবর্তী পৃষ্ঠা margin-left