CSS overflow প্রতিশব্দ
- পূর্ববর্তী পৃষ্ঠা outline-width
- পরবর্তী পৃষ্ঠা overflow-anchor
বিবরণ ও ব্যবহার
overflow প্রতিভূতি নির্দেশ করে যে, যখন কনটেন্ট এলিমেন্ট বক্স থেকে ওভারফ্লো হয়, তখন কী হবে。
বর্ণনা
এই প্রতিভূতি ওভারফ্লো এলিমেন্টের কনটেন্টকে কিভাবে হানতে নির্দেশ করে।যদি মান scroll হয়, তবে কোনো প্রয়োজনীয় না হলেও ব্যবহারকারীর জন্য একটি স্ক্রোল ব্যবস্থা প্রদান করা হবে।তাই, যদি এলিমেন্ট বক্সে সবকিছু কনটেন্ট সমায়োজিত হতে পারে, তবুও স্ক্রোল বার্তা দেখা যাবে。
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS স্থানান্তর
HTML DOM পরিচ্ছেদকoverflow প্রতিভূতি
উদাহরণ
ওভারফ্লো প্রতিভূতি নিয়োজিত করুন:
div
{
width:150px;
height:150px;
overflow:scroll;
}
CSS য়াকৃতি
overflow: visible|hidden|clip|scroll|auto|initial|inherit;
প্রতিভূতি মান
| মান | বর্ণনা |
|---|---|
| visible | ডিফল্ট মান।কনটেন্ট কাটা হবে না, এবং এটি এলিমেন্ট বক্সের বাইরে দেখা যাবে。 |
| hidden | কনটেন্ট কাটা হবে, এবং বাকি কনটেন্ট দেখা যাবে না。 |
| scroll | কনটেন্ট কাটা হবে, কিন্তু ব্রাউজার একটি স্ক্রোল দেখাবে যাতে বাকি কনটেন্টকে দেখা যায়。 |
| auto | যদি কনটেন্ট কাটা হয়, তখন ব্রাউজার একটি স্ক্রোল দেখাবে যাতে বাকি কনটেন্টকে দেখা যায়。 |
| inherit | প্রতিভূতির মানটি পিতৃ এলিমেন্ট থেকে উত্তরসূরী করা হবে。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | visible |
|---|---|
| পুনর্বহূক্তি: | no |
| সংস্করণ: | CSS2 |
| JavaScript য়াকৃতি: | object.style.overflow="scroll" |
আরও উদাহরণ
- ওভারফ্লো এলিমেন্টের ওভারফ্লো কনটেন্টকে কিভাবে দেখানো যায় (স্ক্রোল ব্যবহার করে)
- এই উদাহরণে দেখানো হয়েছে যখন এলিমেন্টের অন্তর্নিহিত কনটেন্ট বড় হয়ে যেতে পারে এবং নির্দিষ্ট এলাকায় বেশি হয়, তখন overflow প্রতিভূতি কিভাবে নিয়োজিত করা যায় যাতে প্রয়োজনীয় কাজ করা যায়。
- ওভারফ্লো এলিমেন্টের ওভারফ্লো কনটেন্টকে কিভাবে লুকিয়ে রাখা যায়
- এই উদাহরণে দেখানো হয়েছে যখন এলিমেন্টের অন্তর্নিহিত কনটেন্ট বড় হয়ে যেতে পারে এবং নির্দিষ্ট এলাকায় একত্রিত হতে পারে না, তখন overflow প্রতিভূতি কিভাবে নিয়োজিত করা যায় যাতে তার কনটেন্টকে লুকিয়ে রাখা যায়。
- কিভাবে ব্রাউজারকে স্বচালিতভাবে ওভারফ্লো হানতে নিয়োজিত করা যায়
- এই উদাহরণে দেখানো হয়েছে কিভাবে ব্রাউজারকে স্বচালিতভাবে ওভারফ্লো হানতে নিয়োজিত করা যায়。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রতিভূতির প্রথম ব্রাউজার সংস্করণটির সম্পূর্ণভাবে সমর্থিত বলে নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- পূর্ববর্তী পৃষ্ঠা outline-width
- পরবর্তী পৃষ্ঠা overflow-anchor
