Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस अतिप्रवाह:दृश्यमान

<घंटा/>

दृश्यमान मूल्य के साथ सीएसएस अतिप्रवाह संपत्ति में, अतिप्रवाह काटा नहीं जाता है। यह डिफ़ॉल्ट है। CSS ओवरफ़्लो:दृश्यमान को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति:

उदाहरण

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

आउटपुट

सीएसएस अतिप्रवाह:दृश्यमान


  1. सीएसएस अतिप्रवाह:स्क्रॉल

    CSS ओवरफ़्लो प्रॉपर्टी में स्क्रॉल value मान के साथ , अतिप्रवाह काटा जाता है और एक स्क्रॉलबार जुड़ जाता है। यह उपयोगकर्ता को संपूर्ण सामग्री को पढ़ने की अनुमति देता है। उदाहरण आप सीएसएस को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं अतिप्रवाह:स्क्रॉल संपत्ति - <!DOCTYPE html> &l

  1. सीएसएस अतिप्रवाह:छिपा हुआ

    छिपा हुआ value मान वाली सीएसएस ओवरफ़्लो प्रॉपर्टी में , अतिप्रवाह काटा गया है। सामग्री छिप जाती है। आप सीएसएस को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं अतिप्रवाह:छिपा हुआ संपत्ति - उदाहरण <!DOCTYPE html> <html>    <head>       <style

  1. CSS अतिप्रवाह संपत्ति के साथ कार्य करना

    CSS अतिप्रवाह गुण तब काम आता है जब उपयोगकर्ता सामग्री का आकार बदले बिना एक छोटे कंटेनर में बड़ी सामग्री प्रदर्शित करना चाहता है। यह गुण उपयोगकर्ता को सामग्री को क्लिप करने, क्लिप की गई सामग्री को देखने के लिए स्क्रॉलबार प्रदान करने, कंटेनर के बाहर सामग्री प्रस्तुत करने की अनुमति देता है, इस प्रकार न