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

सीएसएस अतिप्रवाह:ऑटो

<घंटा/>

CSS अतिप्रवाह:स्वतः , अतिप्रवाह . के विपरीत, केवल आवश्यकता होने पर स्क्रॉलबार जोड़ता है :स्क्रॉल . आप सीएसएस को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं अतिप्रवाह:ऑटो संपत्ति:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: orange;
            width: 250px;
            height: 45px;
            border: 2px solid blue;
            overflow: auto;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <div>Overflow property used here. This is a demo text to show the working of CSS overflow: auto. This won't hide the content. A scrollbar would be visible, only if needed.</div>
   </body>
</html>

आउटपुट

सीएसएस अतिप्रवाह:ऑटो


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

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

  1. CSS का उपयोग करके टेक्स्ट संरेखण सेट करें

    CSS का उपयोग करके टेक्स्ट अलाइनमेंट सेट करने के लिए, टेक्स्ट-एलाइन प्रॉपर्टी का उपयोग करें। संपत्ति के संभावित मूल्य निम्नलिखित हैं - text-align: left|right|center|justify|initial|inherit; उदाहरण आइए टेक्स्ट संरेखण सेट करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> &l

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

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