CSS overflow-y प्रॉपर्टी

overflow-y: लंबवत ओवरफ्लो नियंत्रण

overflow-y प्रॉपर्टी निर्धारित करती है कि जब कंटेंट एलिमेंट के ऊपर-नीचे किनारों से बाहर निकल जाए तो क्या करना है।

संभावित मान

• visible (डिफ़ॉल्ट)
• hidden
• scroll
• auto

उदाहरण

<!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>

यह उदाहरण overflow-x वाले उदाहरण के समान है; दोनों प्रॉपर्टीज अक्सर एक साथ उपयोग की जाती हैं।