कौन सी प्रॉपर्टी बताती है कि बॉक्स का कंटेंट बॉक्स से बड़ा होने पर ब्राउज़र क्या करे?

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">
      मैं यहां बहुत सारा कंटेंट रख रहा हूँ ताकि आपको दिखा सकूं कि एलिमेंट बॉक्स में ओवरफ्लो होने पर स्क्रॉलबार कैसे काम करते हैं।
      यह आपको क्षैतिज और ऊर्ध्वाधर दोनों स्क्रॉलबार प्रदान करता है।
    </div>
    <br />
    <p>auto वैल्यू का उदाहरण:</p>
    <div class="auto">
      मैं यहां बहुत सारा कंटेंट रख रहा हूँ ताकि आपको दिखा सकूं कि एलिमेंट बॉक्स में ओवरफ्लो होने पर स्क्रॉलबार कैसे काम करते हैं।
      यह आपको क्षैतिज और ऊर्ध्वाधर दोनों स्क्रॉलबार प्रदान करता है।
    </div>
  </body>
</html>