বক্সের কন্টেন্ট বক্সের চেয়ে বড় হলে ব্রাউজারকে কী করতে বলা হয়?

CSS-এ overflow নামে একটি প্রোপার্টি রয়েছে যা ব্রাউজারকে বলে যে বক্সের কন্টেন্ট যদি বক্সের চেয়ে বড় হয় তবে কী করবে। এই প্রোপার্টির নিম্নলিখিত মানগুলো হতে পারে:

উদাহরণ

নিচের কোডটি রান করে overflow প্রোপার্টি বুঝতে পারেন:

<html>
  <head>
    <style>
      .scroll {
        display: block;
        border: 2px solid green;
        padding: 10px;
        margin-top: 10px;
        width: 300px;
        height: 50px;
        overflow: scroll;
      }
      .auto {
        display: block;
        border: 2px solid green;
        padding: 10px;
        margin-top: 10px;
        width: 300px;
        height: 50px;
        overflow: auto;
      }
    </style>
  </head>
  <body>
    <p>scroll ভ্যালুর উদাহরণ:</p>
    <div class="scroll">
      I am going to keep lot of content here just to show you how
      scrollbars works if there is an overflow in an element box.
      This provides your horizontal as well as vertical scrollbars.
    </div>
    <br />
    <p>auto ভ্যালুর উদাহরণ:</p>
    <div class="auto">
      I am going to keep lot of content here just to show you how scrollbars
      works if there is an overflow in an element box. This provides your
      horizontal as well as vertical scrollbars.
    </div>
  </body>
</html>