CSS overflow-y অপারিটা
- পূর্ববর্তী পৃষ্ঠা overflow-x
- পরবর্তী পৃষ্ঠা overscroll-behavior
বিবরণ ও ব্যবহার
overflow-y বৈশিষ্ট্যটি প্রদান করে কনটেন্টের উপর/নীচের ধারা কাটা হবে - যদি ওভারফ্লো হয় তবে ইলেমেন্টের কনটেন্ট ওভারফ্লো হয় তবে。
পরামর্শ:ব্যবহার overflow-x প্রতিবন্ধকতা বৈশিষ্ট্যটি ব্যবহার করে ডান/বাম ধারা কাটা নির্ধারণ করুন。
CSS শিক্ষাদন্ড:CSS ওভারফ্লো
HTML DOM সংক্ষিপ্ত হান্ডবুক:overflowY বৈশিষ্ট্য
উদাহরণ
ডিভ ইলেমেন্টের কনটেন্টের ডান/বাম ধারা কাটা - যদি ওভারফ্লো হয় তবে:
div
{
overflow-y:hidden;
}
CSS য়াকৃতি
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
বৈশিষ্ট্য মান
| মান | বর্ণনা | পরীক্ষা |
|---|---|---|
| visible | কনটেন্টকে কাটান না, তবে তা কনটেন্ট বক্সের বাইরে দেখা যেতে পারে。 | পরীক্ষা |
| hidden | কনটেন্টকে কাটান - স্ক্রোল ব্যবস্থা প্রদান না করুন。 | পরীক্ষা |
| scroll | কনটেন্টকে কাটান - স্ক্রোল ব্যবস্থা প্রদান করুন。 | পরীক্ষা |
| auto | যদি ওভারফ্লো বক্স হয়, তবে স্ক্রোল ব্যবস্থা প্রদান করুন。 | পরীক্ষা |
| no-display | যদি কনটেন্টটি কনটেন্ট বক্সের মধ্যে একটি না হয়, তবে সমগ্র বক্সকে মুছে দিন。 | পরীক্ষা |
| no-content | যদি কনটেন্টটি কনটেন্ট বক্সের মধ্যে একটি না হয়, তবে সমগ্র কনটেন্টকে লুকিয়ে রাখুন。 | পরীক্ষা |
কারিগরি বিবরণ
| ডিফল্ট মান: | visible |
|---|---|
| উত্তরসূরীতা: | no |
| সংস্করণ: | CSS3 |
| JavaScript য়াকৃতি: | object.style.overflowY="scroll" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই বৈশিষ্ট্যটি যাতে পূর্ণাধিকার পায় প্রথম ব্রাউজার সংস্করণকে উল্লেখ করে।
প্রিফিক্স ব্যবহারকারী প্রথম সংস্করণ।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
- পূর্ববর্তী পৃষ্ঠা overflow-x
- পরবর্তী পৃষ্ঠা overscroll-behavior
