CSS overflow: hidden प्रॉपर्टी

overflow: hidden का उपयोग

overflow: hidden ओवरफ्लो हो रहे कंटेंट को क्लिप (छिपा) देता है, और कोई स्क्रॉलबार नहीं दिखाता। कंटेंट बस कट जाता है और यूजर उसे नहीं देख सकता।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        background-color: orange;
        width: 250px;
        height: 35px;
        border: 2px solid blue;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <h1>Heading</h1>
    <div>Overflow property used here. This is a demo text to show the working of CSS overflow: hidden. This hides the content.</div>
  </body>
</html>

उपयोग: इमेज क्रॉपिंग, टेक्स्ट ट्रंकेशन (के साथ text-overflow: ellipsis), या क्लियरफिक्स हैक के लिए उपयोगी।