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

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

scroll-margin-bottom প্রধান্য সম্পদ নির্দেশ করে অধিগ্রহণ এবং কাঁঠার মধ্যে দূরত্ব

সন্ধানকারী স্থান বলা হয় যেখানে সাব-ইলেক্ট্রন স্ক্রোল থেকে থামার সময় কনটেনারে অবস্থান করে।

সন্ধানকারী স্থান scroll-snap-align গুণ সেট করা হয়, কিন্তু মাঝে মাঝে CSS গুণ direction গুণ writing-mode প্রভাব

পরামর্শ:এই গুণটি শুধুমাত্র সন্ধানকারী স্থানটি সাব-ইলেক্ট্রনের নিচে সেট করা হলেই কার্যকর

দেখুন scroll-margin-bottom কার্যকর হতে হবে, সন্ধানকারী স্থানটি সাব-ইলেক্ট্রনের থেকে নিচে পরিবর্তন করা উচিত scroll-margin-bottom গুণ scroll-snap-align গুণ, এবং scroll-snap-type গুণ

উদাহরণ

উদাহরণ 1

স্ন্যাপ স্থানটি এবং কনটেনারের মধ্যে স্ক্রোল নিচের বাহ্যিক মার্গকে ২০px নিয়ে সেট করুন:

div {
  scroll-margin-bottom: 20px;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 2: ছবি গ্যালারি

scroll-margin-bottom গুণটি সন্ধানকারী আচরণকারী ছবি গ্যালারির জন্য ব্যবহার করা যায়। এই উদাহরণেscroll-margin-bottom ব্যবহারকারীকে জানানো হবে নিচে একটি ছবি আছে। প্রথম ছবিটি স্ক্রোল করে প্রভাব দেখুন:

#container > img {
  scroll-margin-bottom: 30px;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 3: সন্ধানকারী স্থান

করতে হবে scroll-margin-bottom গুণ কার্যকর হয়, সন্ধানকারী স্থানটি সাব-ইলেক্ট্রনের তালিকায় থেকে নিচে পরিবর্তন করা উচিত। এই উদাহরণেwriting-mode গুণটি সন্ধানকারী স্থানটিকে সাব-ইলেক্ট্রনের তালিকায় থেকে বামে পরিবর্তন করে। এই ধরণের কোডটি ব্যবহার করার সময়scroll-margin-bottom গুণ আর কার্যকর না হবে:

#container {
  writing-mode: vertical-rl;
}
#container > div {
  scroll-margin-bottom: 30px;
  scroll-snap-align: end none;
}

স্বয়ং প্রয়োগ করুন

CSS গণিত

scroll-margin-bottom: 0|value|initial|inherit;

গুণমান

মান বর্ণনা
0 সম্মুখ স্ক্রোল নিচের বাহ্যিক মার্গ ০। এটি ডিফল্ট মান।
length

px, pt, cm ইত্যাদি ইউনিটে স্ক্রোল নিচের বাহ্যিক মার্গকে নির্দেশ করুন। নেতিবাচক মানও ব্যবহার করা যায়。

দেখুন:CSS ইউনিট。
initial এই গুণটিকে তার ডিফল্ট মানে নিয়ে যান। দেখুন initial。
inherit এই গুণটি তার পিতৃত্বকারী ইলেক্ট্রনের থেকে উত্তরণ করে। দেখুন inherit。

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

ডিফল্ট মান: none
বংশগততা: না
অ্যানিমেশন নির্মাণ: সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ。
সংস্করণ: CSS3
JavaScript গণিত object.style.scrollMarginBottom="20px"

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 68.0 14.1 56.0

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

উল্লেখ:CSS ডাইরেকশন এট্রিবিউট

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

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

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