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

CSS से एलिमेंट पर होवर करने पर ओवरफ्लो कंटेंट दिखाएं


एलिमेंट्स पर होवर करते समय ओवरफ्लो कंटेंट दिखाने के लिए, आप निम्न कोड चलाकर देख सकते हैं:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          div.demo {             white-space: nowrap;             width: 180px;             overflow: hidden;             border: 2px solid blue;         }          div.demo:hover {             text-overflow: inherit;             overflow: visible;          }       </style>    </head>    <body>       <p>Hover to see the complete text below:</p>       <br>       <div class = "demo" style = "text-overflow:clip;">Demo Text that will hide in this box.</div>    </body> </html>

  1. - CSS के साथ फ्लेक्स लाइन्स को कंटेनर की शुरुआत में प्रदर्शित करें

    align-content प्रॉपर्टी को flex-start मान के साथ उपयोग करके फ्लेक्स लाइन्स को क्रॉस अक्ष की शुरुआत में संरेखित किया जाता है। यह केवल तभी लागू होता है जब flex-wrap: wrap सेट हो और एक से अधिक लाइन हों। उदाहरण <!DOCTYPE html> <html> <head> <style> .mycontainer {

  1. CSS डिस्प्ले प्रॉपर्टी के साथ काम करना CSS डिस्प्ले प्रॉपर्टी के साथ काम करना

    CSS Display प्रॉपर्टी CSS Display प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि एलिमेंट वेब पेज पर कैसे प्रदर्शित होता है। सामान्य Display मान: क्रमांकप्रॉपर्टी मानविवरण 1inlineएलिमेंट को इंलाइन एलिमेंट के रूप में प्रदर्शित करता है 2blockएलिमेंट को ब्लॉक एलिमेंट के रू

  1. CSS से होवर पर एलिमेंट कैसे दिखाएं? CSS से होवर पर एलिमेंट कैसे दिखाएं?

    एडजेसेंट सिबलिंग सिलेक्टर (+) और :hover से एक तत्व पर होवर करने पर उसका अगला भाई तत्व दिखाएं। छुपे तत्व पर display: none, होवर पर display: block। उदाहरण <!DOCTYPE html> <html> <head> <style> body { margin: 20px; padding: 20px; font-family: Segoe UI, Tahoma, Geneva, Ve