CSS के साथ काम करने वाले तत्वों की दृश्यता को नियंत्रित करना

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

तत्व की दृश्यता को नियंत्रित करने के लिए उपयोग किए जाने वाले CSS दृश्यता मान निम्नलिखित हैं -

उदाहरण

आइए CSS विजिबिलिटी प्रॉपर्टी का एक उदाहरण देखें -

CSS-Visibility-collapse
Name
पाठ्यक्रम
जोआना
एमबीए
स्मिथ
B.Arc
 
Xersus
M.Sc
 
आउटपुट
 

 यह निम्नलिखित आउटपुट देगा -
 

 CSS दृश्यता संक्षिप्तता लागू नहीं है -
 

 
 

 CSS दृश्यता संक्षिप्तीकरण लागू किया गया है -
 

 
 
उदाहरण
 

 आइए छिपे हुए CSS विजिबिलिटी के लिए एक उदाहरण देखें -
 
<शीर्षक>CSS दृश्यता छिपी हुई है<शैली>फॉर्म { चौड़ाई:70%; मार्जिन:0 ऑटो; टेक्स्ट-एलाइन:सेंटर;}* {पैडिंग:2px; मार्जिन:5 पीएक्स; बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;} इनपुट [टाइप ="बटन"] {बॉर्डर-त्रिज्या:10px;}। चाइल्ड {डिस्प्ले:इनलाइन-ब्लॉक; ऊंचाई:40 पीएक्स; चौड़ाई:40 पीएक्स; रंग सफेद; बॉर्डर:4px सॉलिड ब्लैक;}.चाइल्ड:nth-of-type(1){ बैकग्राउंड-कलर:#FF8A00;}.child:nth-of-type(2){ बैकग्राउंड-कलर:#F44336;}.child:nth-of-type(3){ बैकग्राउंड-कलर:#C303C3;}.child:nth-of-type(4){ बैकग्राउंड-कलर:#4CAF50;}.child:nth-of-type(5){ बैकग्राउंड -रंग:#03A9F4;}.child:nth-of-type(6){ background-color:#FEDC11;}
CSS-Visibility -हिडन







   <स्क्रिप्ट> var प्राथमिक रंग =दस्तावेज़। getElementsByClassName ('प्राथमिक'); फ़ंक्शन दृश्यता हिडन () {के लिए (var i) =0; i<3; i++) PrimaryColor[i].style.visibility ='hidden';}
 
आउटपुट
 

 यह निम्नलिखित आउटपुट देगा -
 

 ‘प्राथमिक रंग छुपाएं’ clicking क्लिक करने से पहले बटन -
 

 
 

 ‘प्राथमिक रंग छुपाएं’ . क्लिक करने के बाद बटन -