CSS scroll-padding-bottom অপারেটর

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

scroll-padding-bottom বৈশিষ্ট্য দ্বারা নির্দিষ্ট হয়, যা কান্তভারপ্রসারীর তল থেকে সাবসংশ্লিষ্ট উপাদানের অপ্রবাহীকরণ স্থান পর্যন্ত

অপ্রবাহীকরণের স্থান হল, যখন আপনি সরণ বন্ধ করেন, সাবসংশ্লিষ্ট উপাদানটি কান্তভারপ্রসারীতে অপ্রবাহীকরণ হয়েছে।অপ্রবাহীকরণের স্থানটি scroll-snap-align বৈশিষ্ট্য সংযোজন, কিন্তু এটি CSS বৈশিষ্ট্য দ্বারা direction এবং writing-mode প্রভাব সম্পর্কে

মন্তব্য:এই বৈশিষ্ট্যটি কেবল যখন সংযোজন স্থানটি সাব-এলিমেন্টের নিচে নির্ধারিত হয় তখনই কার্যকরী হবে

কার্যকারী হবে scroll-padding-bottom এবং পিতৃত্ব এলিমেন্টে scroll-snap-align বৈশিষ্ট্য scroll-padding-bottom এবং scroll-snap-type বৈশিষ্ট্য

উদাহরণ

উদাহরণ 1

কানেক্টর থেকে সংযোজন স্থান পর্যন্ত স্ক্রোল প্যাডিংকে 20px নির্ধারণ করুন

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

আপনার নিজেই প্রয়াস করুন

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

এই সংযোজন আচরণকারী ছবি গ্যালারিতে scroll-padding-bottom এই বৈশিষ্ট্যটি ছবিটিকে স্থির এলিমেন্টের উপর উঠিয়ে নিয়ে যাবে

#container {
  scroll-padding-bottom: 30px;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 3: নিচ স্ক্রোল প্যাডিং নির্ধারণ

দুই দিকের সংযোজন আচরণ নির্ধারিত হলে, কানেক্টরেও scroll-padding-bottom এই বৈশিষ্ট্যটি নির্দিষ্ট করুন।আপনি পরবর্তী এলিমেন্টে উপর নীচে রোল করে প্রভাব দেখতে পাবেন

#container {
  scroll-padding-bottom: 30px;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 4: সংযোজন স্থান

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

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

আপনার নিজেই প্রয়াস করুন

CSS বৈধতা

scroll-padding-bottom: auto|value|initial|inherit;

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

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

px, pt, cm ইত্যাদি ইউনিটে scroll-padding-bottom নির্দিষ্ট করুন

নেতিবাচক মান ব্যবহার করা হবে না। দেখুন:CSS ইউনিট.
% এই বৈশিষ্ট্যটি ধারণকারী এলিমেন্টের প্রস্থতা পারসেন্টের হিসাবে নির্দিষ্ট করে
initial এই বৈশিষ্ট্যটি তার ডিফল্ট মানে সংযোজিত করুন। দেখুন initial.
inherit এই বৈশিষ্ট্যটি তার পিতৃত্ব এলিমেন্ট থেকে উদ্ধার করে। দেখুন inherit.

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

ডিফল্ট মান: auto
পুনর্বিন্যাসযোগ্যতা: না
অ্যানিমেশন নির্মাণ: সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য.
সংস্করণ: CSS3
JavaScript বৈধতা: object.style.scrollPaddingBottom="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 এটি একটি অ্যাট্রিবিউট