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

CSS overflow: auto


CSS overflow: auto প্রয়োজনীয় হলে সקרোলবার যোগ করে, overflow: scroll-এর মত সাদা সক্রিয় থাকে না। নিচের কোড রান করে CSS overflow: auto প্রোপার্টি ইমপ্লিমেন্ট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div {         background-color: orange;         width: 250px;         height: 45px;         border: 2px solid blue;         overflow: auto;       }     </style>   </head>   <body>     <h1>Heading</h1>     <div>Overflow property used here. This is a demo text to show the working of CSS overflow: auto. This won't hide the content. A scrollbar would be visible, only if needed.</div>   </body> </html>

আউটপুট

CSS overflow: auto


  1. CSS overflow: scroll

  2. CSS overflow: hidden

  3. CSS text-align প্রোপার্টি দিয়ে টেক্সট অ্যালাইনমেন্ট (লেফট, রাইট, সেন্টার, জাস্টিফাই)

  4. CSS Overflow প্রপার্টি নিয়ে কাজ