কম্পিউটার টিউটোরিয়াল

CSS overflow-y


CSS overflow-y প্রোপার্টি কন্টেন্টের টপ-বটম প্রান্তে কী হবে সেটি নির্ধারণ করতে দেয়। নিচের কোড রান করে overflow-y প্রোপার্টি ইমপ্লিমেন্ট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div {         background-color: orange;         width: 250px;         height: 45px;         border: 2px solid blue;         overflow-x: hidden;         overflow-y: scroll;       }     </style>   </head>   <body>     <h1>Heading</h1>     <div>Overflow property used here. This is a demo text to show the working of CSS overflow-x and overflow-y.</div>   </body> </html>

আউটপুট

CSS overflow-y


  1. CSS Outline: এলিমেন্টের বর্ডারের বাইরে আউटलাইন (Outline) আঁকার গাইড

  2. CSS Dropdown Menu: HTML এবং CSS দিয়ে ড্রপডাউন মেনু তৈরি করার পদ্ধতি

  3. CSS Flexbox: ফ্লেক্সবক্স মডেলের সম্পূর্ণ গাইড

  4. CSS Shapes: CSS ব্যবহার করে বিভিন্ন আকার তৈরি করা