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

CSS दृश्यता गुण का उपयोग

<घंटा/>

दृश्यता . नामक प्रॉपर्टी आपको किसी तत्व को देखने से छिपाने की अनुमति देता है। बहुत जटिल मेनू और बहुत जटिल वेबपेज लेआउट बनाने के लिए आप जावास्क्रिप्ट के साथ इस संपत्ति का उपयोग कर सकते हैं।

दृश्यता संपत्ति नीचे दी गई तालिका में सूचीबद्ध मान ले सकती है

Value
<वें शैली ="चौड़ाई:86.1025%;">विवरण
visible
बॉक्स और उसकी सामग्री उपयोगकर्ता को दिखाई जाती है।
छुपा
बॉक्स और उसकी सामग्री को अदृश्य बना दिया जाता है, हालांकि वे अभी भी पृष्ठ के लेआउट को प्रभावित करते हैं।
संकुचित करें
यह केवल डायनामिक टेबल कॉलम और पंक्ति प्रभावों के साथ उपयोग के लिए है।

उदाहरण

दृश्यमान . के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं और छिपा हुआ मान

<html>
   <head>
      <style>
         p {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <p style = "visibility:visible;">
         This paragraph is visible.
      </p>
      <p>
         This paragraph won't be visible.
      </p>
   </body>
</html>

  1. CSS दृश्यता का उपयोग:दृश्यमान;

    द दृश्यता मूल्य के साथ संपत्ति दृश्यमान किसी तत्व को दृश्यमान बनाने के लिए उपयोग किया जाता है। दृश्यमान . को लागू करने के लिए आप निम्न कोड को लागू करने का प्रयास कर सकते हैं संपत्ति - उदाहरण <html>    <head>       <style>          

  1. CSS परिप्रेक्ष्य संपत्ति का उपयोग

    3D तत्वों को कैसे देखा जाता है, इस पर परिप्रेक्ष्य निर्दिष्ट करने के लिए, CSS परिप्रेक्ष्य गुण का उपयोग करें। परिप्रेक्ष्य संपत्ति के साथ काम करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .demo1 { पोजीशन:रिलेटिव; चौड़ाई:150 पीएक्स; ऊंचाई:150 पीएक्स; पृष्ठभूमि-रंग:पीला; परिप्रेक्ष्

  1. सीएसएस बैकफेस-दृश्यता संपत्ति

    यह निर्धारित करने के लिए कि स्क्रीन का सामना न करने पर कोई तत्व दिखाई देना चाहिए या नहीं, बैकफेस-दृश्यता गुण का उपयोग करें उदाहरण .demo1 { पोजीशन:रिलेटिव; चौड़ाई:150 पीएक्स; ऊंचाई:150 पीएक्स; पृष्ठभूमि-रंग:पीला; परिप्रेक्ष्य:80px; मार्जिन:50 पीएक्स; परिप्रेक्ष्य-मूल:बाएं; ट्रांसफॉर्म:रोटेट वाई (1