CSS scroll-margin-block-end অপারিটি

定义和用法

scroll-margin-block-end 属性指定在块方向上，对齐位置与容器之间的距离。

这意味着当您停止滚动时，滚动会快速调整并停止在块方向上子元素结束处的吸附位置与容器之间的指定距离处。

块方向是指相对于现有行的位置，下一行被放置的方向。这也是具有 CSS display: block; 的标签（如

和

标签）在页面上布局的方式。块方向取决于书写语言，例如，蒙古语的新行从左到右排列，因此块方向也是从左到右，而英语页面的块方向是向下。块方向可以通过 CSS 属性 writing-mode সংজ্ঞায়িত করা হয়।

এই স্থানকে নির্দেশ করে।

অস্ত্রপদ্ধতির স্থান বলতে এমন স্থানকে বোঝায় যেখানে আপনি সরল করলে, সাবদিক এলিমেন্ট কনটেনারে অস্ত্রপদ্ধতিতে স্থান পেল।নোট: এবং পিতৃত্ব এলিমেন্টে সংজ্ঞায়িত হয় এই বৈশিষ্ট্যকেই ব্লক দিশায়

এই বৈশিষ্ট্যকে 'end' হিসাবে সংজ্ঞায়িত হলেই কার্যকর হয়。 scroll-margin-block-end বৈশিষ্ট্যের প্রভাব দেখার জন্য scroll-margin-block-end এবং এবং পিতৃত্ব এলিমেন্টে সংজ্ঞায়িত হয় বৈশিষ্ট্য 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

ব্লক দিশায়, অলঙ্কৃত স্থানকে কনটেনার থেকে 20px দূরে সাজানো হয়:

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

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

যখন <div> এলিমেন্টের writing-mode বৈশিষ্ট্যকে vertical-rl হিসাবে সংজ্ঞায়িত হলে, ব্লক দিশা ডানের থেকে বামের দিকে হয়। ফলে, এলিমেন্টের শেষ বাম থেকে ডান দিকে সরে যায়:

div {
  scroll-margin-block-end: 50px;
  writing-mode: vertical-rl;
}

আপনার হাতে পরীক্ষা করুন

CSS গঠনশৈলী

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

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

মান বিবরণ
0 ডিফল্ট
length

px, pt, cm ইত্যাদির ইউনিটে দূরত্বকে নির্দেশ করুন। নেতিবাচক মানগুলি অনুমোদিত

দেখুন:CSS ইউনিট。
initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে নিন। দেখুন initial。
inherit এই বৈশিষ্ট্যকে তার পিতৃত্ব এলিমেন্ট থেকে উত্তরসূরী করুন। দেখুন inherit。

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

ডিফল্ট মান: 0
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গঠনশৈলী: object.style.scrollMarginBlockEnd="20px"

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 68.0 14.1 56.0

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

সূত্র:CSS scroll-snap-align প্রতিশব্দ

সূত্র:CSS scroll-snap-type প্রতিশব্দ

সূত্র:CSS writing-mode অপারেশন