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

सीएसएस ओवरफ्लो-वाई

<घंटा/>

सीएसएस ओवरफ्लो-वाई आपको यह तय करने की अनुमति देता है कि सामग्री के ऊपरी निचले किनारों के साथ क्या करना है। आप अतिप्रवाह-y गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

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

आउटपुट

सीएसएस ओवरफ्लो-वाई


  1. सीएसएस ड्रॉपडाउन मेनू

    आज, अधिकांश आधुनिक वेबसाइटों में ड्रॉपडाउन मेनू एक सामान्य विशेषता है। ये मेनू आपको अधिक अनुकूलित नेविगेशन सुविधाएँ बनाने की अनुमति देते हैं ताकि उपयोगकर्ता आसानी से वह सामग्री ढूंढ सकें जो वे वेबसाइट पर खोज रहे हैं। HTML के अलावा, CSS का उपयोग एक ड्रॉपडाउन मेनू बनाने के लिए किया जा सकता है जो के

  1. सीएसएस फ्लेक्सबॉक्स

    सीएसएस फ्लेक्सबॉक्स मॉडल स्थापित सीएसएस बॉक्स मॉडल को बेहतर बनाने के लिए बनाया गया था। फ्लेक्सबॉक्स मॉडल में अभी भी बॉक्स मॉडल (मार्जिन, पैडिंग, बॉर्डर और सामग्री) के प्रमुख तत्व शामिल हैं, लेकिन कंटेनर / माता-पिता के बच्चों के साथ स्थान को सर्वोत्तम रूप से भरने के लिए लचीलापन प्रदान करता है। यह

  1. सीएसएस आकार

    आइए आगे बढ़ते हैं और कुछ मज़ेदार CSS आकार बनाते हैं! सभी कोड के लिए मेरे कोडपेन को फॉलो करें। आइए इसे करते हैं। आयत और वर्ग हमारे सभी आकार एक डिव में लपेटे जाएंगे। सबसे बुनियादी आकार वर्ग और आयत है क्योंकि डिफ़ॉल्ट रूप से div चौड़ाई और ऊंचाई के गुणों के आधार पर एक वर्ग या आयत है। तो वर्ग की चौड़ाई