CSS scroll-margin-inline-end প্রতিশব্দ

পরিভাষা এবং ব্যবহার

scroll-margin-inline-end বৈশিষ্ট্যটি লাইনের ভেতরের দিকে, স্থানটির সাথে কন্টেনারের মধ্যে দূরত্ব নির্দিষ্ট করে

আর্থা করা হল, যখন আপনি সরণীকরণ বন্ধ করেন, সরণীকরণটি দ্রুতগতিতে সমায়ীত হয় এবং লাইনের ভেতরের দিকের প্রদত্ত দূরত্বে থাকে, এই দূরত্বটি হল, সাব-ইউনিটের মূল স্থানটির সাথে কন্টেনারের মধ্যে দূরত্ব

লাইনের ভেতরের দিক হল, আগামী অক্ষরটি বর্তমান অক্ষরের প্রতি লাইনের ভেতরে কীভাবে স্থাপন করা হয়, এটি এমন CSS display: inline; এর একটি ট্যাগ (যেমন <a> এবং <strong> ট্যাগ) কিভাবে লিখিত টেক্সটে সাজানো হয়, যা CSS display: inline; প্রতিষ্ঠান দ্বারা প্রদর্শিত হয়।লাইনের ভেতরের দিক লিখিত ভাষা অনুযায়ী হয়, যেমন আরবির নতুন অক্ষরগুলি ডান থেকে বামে সাজানো হয়, তাই লাইনের ভেতরের দিক ডান থেকে বামের দিকে হয়, আবার ইংরেজির পাতার লাইনের ভেতরের দিক বাম থেকে ডানের দিকে হয়।লাইনের ভেতরের দিক CSS বৈশিষ্ট্য দ্বারা প্রদর্শিত হয় direction এবং writing-mode পরিভাষা。

এই স্থানটি হল, যখন আপনি সরণীকরণ বন্ধ করেন, সাব-ইউনিট কোনো কন্টেনারের ভিতরে এড়ানো স্থানে এসে থাকে。

নোট:এই অ্যাট্রিবিউটটি শুধুমাত্র ইনলাইন দিশায় সংযোজন করা হয় scroll-snap-align যখন অ্যাট্রিবিউট 'end' হলেই কার্যকর

দেখার জন্য scroll-margin-inline-end অ্যাট্রিবিউটের প্রভাব, তবে scroll-margin-inline-end এবং scroll-snap-align অ্যাট্রিবিউট scroll-snap-type অ্যাট্রিবিউট

CSS- scroll-margin-inline এবং scroll-margin-block অ্যাট্রিবিউট এবং CSS অ্যাট্রিবিউট CSS scroll-margin-top প্রতিশব্দ、scroll-margin-bottom、scroll-margin-left এবং scroll-margin-right অত্যন্ত মিলমিশ্রিত, কিন্তু scroll-margin-block এবং scroll-margin-inline অ্যাট্রিবিউট ব্লক দিশা এবং ইনলাইন দিশা পরিবর্তনকারী

উদাহরণ

উদাহরণ 1

ইনলাইন দিশা থেকে অপ্রয়োগ্য স্থান থেকে সরল করতে সংযোজন করুন:

div {
  scroll-margin-inline-end: 20px;
}

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

উদাহরণ 2

যখন <div> এলিমেন্টের writing-mode অ্যাট্রিবিউট মান vertical-rl হলে, ইনলাইন দিশা নিচ থেকে উপর দিকে হয়। ফলস্বরূপ, এলিমেন্টের শেষ প্রান্ত ডান থেকে নিচ দিকে সরতে থাকে:

div {
  scroll-margin-inline-end: 20px;
  writing-mode: vertical-rl;
}

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

উদাহরণ 3

যখন <div> এলিমেন্টের direction অ্যাট্রিবিউট মান rtl হলে, ইনলাইন দিশা ডান থেকে বাম দিকে হয়। ফলস্বরূপ, এলিমেন্টের শেষ প্রান্ত ডান থেকে বাম দিকে সরতে থাকে:

div {
  scroll-margin-inline-end: 20px;
  direction: rtl;
}

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

CSS গঠনশৈলী

scroll-margin-inline-end: 0|value|initial|inherit;

অ্যাট্রিবিউট মান

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

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

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

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

উল্লেখ:CSS দিশা প্রক্রিয়া

উল্লেখ:CSS scroll-snap-align প্রতিশব্দ

উল্লেখ:CSS scroll-snap-type প্রতিশব্দ

উল্লেখ:CSS writing-mode এটিভি