CSS-এ ব্লক ওভারফ্লো
200px প্রস্থ এবং উচ্চতা সহ একটি div তৈরি করুন।
এটির ভিতরে একটি দীর্ঘ টেক্সট যোগ করুন, যা
এই ব্লকের উচ্চতার মধ্যে ফিট হবে না। নিশ্চিত করুন
যে টেক্সটটি ব্লকের নীচের দিকে বেরিয়ে আসবে।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে উচ্চতা বরাবর টেক্সট বেরিয়ে আসার সময় div-এ একটি উল্লম্ব স্ক্রলবার উপস্থিত হয়।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে উল্লম্বভাবে বেরিয়ে আসা টেক্সটটি কাটা যায়।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে div-এর উপর মাউস নেওয়ার সময় div-এর উচ্চতা হয় পর্যাপ্ত বড়, যাতে সমগ্র টেক্সটটি এই div-এ ফিট করে।
300px প্রস্থ এবং উচ্চতা সহ একটি div তৈরি করুন।
আমাদের div-এ একটি ছবি যোগ করুন, যা হবে
প্রস্থ এবং উচ্চতা উভয় দিকেই div-এর চেয়ে বড়। নিশ্চিত করুন,
যে ছবিটি div-এর সীমানা ছাড়িয়ে বেরিয়ে আসবে।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে ছবি বেরিয়ে আসার সময় স্ক্রলবার উপস্থিত হয়।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে ছবির বেরিয়ে আসা অংশগুলি কাটা যায়।
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে ছবির বেরিয়ে আসা অংশগুলি অনুভূমিকভাবে কাটা যায়, এবং উল্লম্বভাবে একটি স্ক্রলবার উপস্থিত হয়।
150px প্রস্থ এবং উচ্চতা সহ একটি div তৈরি করুন।
এটি তৈরি করুন যাতে বিষয়বস্তু নির্বিশেষে
div-এ সর্বদা একটি উল্লম্ব স্ক্রলবার থাকে।
