CSS scroll-margin-block-start অপার্টি

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

scroll-margin-block-start এই এক্সট্রিনজার্টি ব্লক দিশায় সংযুক্ত হওয়ার সাথে সংযুক্ত হওয়ার সাথে সংযুক্ত হয়।

এর মানে আপনি সরলক্ষণ থেকে থামানোর পর, সরলক্ষণটি ব্লক দিশায় সাব-এলিমেন্টটির শুরুতের সাথে সংযুক্ত হয়, এবং সংযুক্ত হওয়ার পর সরলক্ষণটির পরিবর্তন ঘটে এবং সরলক্ষণটির সাথে সংযুক্ত হয়।

ব্লক দিশা হল আগামী সারিটি বর্তমান সারিটির প্রতি স্থানান্তর দিশা, এটি হলো CSS display: block; ট্যাগ (যেমন <p> এবং <div> ট্যাগ) প্যানেলের সাথে সাথে ব্যবহৃত সাথেসাথে ব্যবহৃত ব্লক দিশা। ব্লক দিশা লিখার ভাষা প্রতি নির্ভর করে, যেমন মঙ্গোলীয় ভাষায় নতুন সারির সাথে ডান থেকে বাম দিকে সারি বিন্যস্ত হয়, তাই ব্লক দিশা ডান থেকে বাম দিকে হয়, যখন ইংরেজি পানেলের ব্লক দিশা নিচের দিকে হয়। ব্লক দিশা CSS এক্সট্রিনজার্টি দ্বারা নির্ধারিত হয়。 writing-mode সংজ্ঞা

আকৃষ্ট স্থানটি হল যখন আপনি সর্বস্ব স্ক্রোল করে থাকেন, তখন সাবদেশ্য উপাদানটি কনটেনারে আকৃষ্ট হয়ে থাকে

নোট:এই বৈশিষ্ট্যটি শুধুমাত্র ব্লক দিশায় scroll-snap-align যখন বৈশিষ্ট্যটি 'start' হলেই কার্যকরী হয়

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

ব্লক দিশায়, অনুসমতা স্থানটি এবং কনটেনারের মধ্যে সর্বস্ব স্ক্রোল মার্গটি 20px হয়:

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

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

উদাহরণ 2

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

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

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

CSS সংজ্ঞা

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

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

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

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

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

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

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