<html>
   <head>
      <style type = "text/css">
         .scroll {
            display:block;
            border: 1px solid red;
            padding:5px;
            margin-top:5px;
            width:300px;
            height:50px;
            overflow:scroll;
         }
         .auto {
            display:block;
            border: 1px solid red;
            padding:5px;
            margin-top:5px;
            width:300px;
            height:50px;
            overflow:auto;
         }
      </style>
   </head>

   <body>
      <p>Contoh nilai scroll:</p>
      <div class = "scroll">
         Saya akan menuliskan banyak konten di sini untuk menunjukkan kepada Anda 
         Scrollbar akan bekerja jika konten melebihi batas kotak elemen. 
         Ini akan menyediakan horizontal dan vertical scrollbar.
      </div>
      <br />
      
      <p>Contoh nilai auto:</p>
      
      <div class = "auto">
         Saya akan menuliskan banyak konten di sini untuk menunjukkan kepada Anda 
         Scrollbar akan bekerja jika konten melebihi batas kotak elemen. 
         Ini akan menyediakan vertical scrollbar.
      </div>
   </body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.