CSS scroll-padding-right প্রতিশব্দ

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

scroll-padding-right প্রতিকৃতি সম্প্রীতি নিয়ন্ত্রণ করে, কিন্তু CSS প্রতিকৃতির

অবস্থানটি বোঝায়, যখন সরবরাহ থামে, সাব-এলিমেন্টটি কান্টেইনারের মধ্যে অবস্থান নেয়

অবস্থান পিতৃ তত্ত্বে সমায়োজন করা হয় প্রতিকৃতি সম্প্রীতি নিয়ন্ত্রণ করে, কিন্তু CSS প্রতিকৃতির direction এবং writing-mode প্রভাব

মন্তব্য:এই গুণমানটি শুধুমাত্র সন্তান তত্ত্বের ডানদিকে সংযোজনের স্থান নির্দিষ্ট হলেই কার্যকর হবে。

এই গুণমানটি শুধুমাত্র সন্তান তত্ত্বের ডানদিকে সংযোজনের স্থান নির্দিষ্ট হলেই কার্যকর হবে。 scroll-padding-right দেখা যাবে পিতৃ তত্ত্বে সমায়োজন করা হয় গুণমানকে scroll-padding-right এবং scroll-snap-type গুণমান

উদাহরণ

উদাহরণ 1

সরবরাহ মাঝামাঝি সমায়োজনকে 20px করা হবে যা কনটেনারের ডানদিক থেকে সংযোজনের স্থানে থাকে:

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

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

উদাহরণ 2: চিত্র প্রদর্শনী

scroll-padding-right গুণমান ব্যবহার করা যায় সমর্থিত চিত্রপ্রদর্শনীতে, চিত্রকে স্থায়ী তত্ত্বের পিছন থেকে দেখাতে হবে:

#container > img {
  scroll-padding-right: 30px;
}

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

উদাহরণ 3: ডানদিকে সরবরাহ করা

যখন দুই দিকেই সংযোজনের আচরণ সমর্থিত হয়, তখনও কনটেনারের ওপর সংযোজনের আচরণ নির্দিষ্ট করা যায় scroll-padding-right গুণমান।সরাসরি সরবরাহ তত্ত্বের পরবর্তী তত্ত্বকে দেখুন:

#container > div {
  scroll-padding-right: 30px;
}

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

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

করা হবে scroll-padding-right গুণমান কার্যকর হয়, সংযোজনের স্থানটি সন্তান তত্ত্বের ডানদিকে নির্দিষ্ট করতে হবে।এই উদাহরণেdirection গুণমান 'rtl' এর মাধ্যমে সংযোজনের স্থানটি সন্তান তত্ত্বের ডানদিক থেকে সমানভাবে ডানদিকে পরিবর্তন করে।এই কোডটি ব্যবহার করার সময়scroll-padding-right এই গুণটি আর কাজ করবে না:

#container {
  direction: rtl;
  scroll-padding-right: 30px;
}
#container > div {
  scroll-snap-align: নো এন্ড;
}

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

সিএসএস সংজ্ঞা

scroll-padding-right: অটো|মান|ইনিশিয়াল|ইনহারিট;

গুণমান

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

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

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

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

উল্লেখ:CSS দিশা প্রতিশব্দ

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

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

উল্লেখ:CSS writing-mode অপারেশন