CSS विजिबिलिटी प्रभाव

विन्यास और उपयोग

visibility गुण एलीमेंट को दिखाई देने या नहीं देने का निर्धारण करता है।

सूचना:अदृश्य एलीमेंट भी पृष्ठ पर स्थान लेते हैं। "display" गुण का इस्तेमाल करके अदृश्य और स्थान नहीं लेने वाले एलीमेंट बनाएं।

वर्णन

इस गुण इस तरह निर्धारित करता है कि एक एलीमेंट द्वारा उत्पन्न एलीमेंट बॉक्स दिखाई देना चाहिए या नहीं। इसका मतलब है कि एलीमेंट अपना मूल स्थान ले रहा है, लेकिन पूरी तरह से अदृश्य हो सकता है। मान collapse तालिका विन्यास से स्तम्भ या पंक्ति को हटाने के लिए उपयोग में लिया जाता है。

और देखें:

CSS शिक्षा:CSS स्थाननिर्धारण

HTML DOM संदर्भ दस्तावेज़:visibility गुण

उदाहरण

h2 एलीमेंट को अदृश्य करें:

h2
  {
  visibility:hidden;
  }

अपने आप प्रयोग करें

CSS व्याकरण

visibility: visible|hidden|collapse|initial|inherit;

गुण मान

मान वर्णन
visible मूलभूत मान। एलीमेंट दिखाई देता है。
hidden एलीमेंट अदृश्य है।
collapse तालिका एलीमेंट में इसका इस्तेमाल करने पर इस मान को हटा दिया जा सकता है ताकि एक पंक्ति या स्तम्भ हटा दिया जा सके, लेकिन यह तालिका के विन्यास को प्रभावित नहीं करेगा। पंक्ति या स्तम्भ द्वारा लिए गए स्थान को अन्य सामग्री के लिए छोड़ दिया जाएगा। अन्य एलीमेंट पर इस मान का इस्तेमाल करने पर यह "hidden" प्रदर्शित होगा।
inherit इस गुण का वर्णन करता है कि इसका मूल एलीमेंट से visibility गुण का मान लिया जाना चाहिए।

तकनीकी विवरण

मूलभूत मान: visible
विरासतशीलता: yes
संस्करण: CSS2
JavaScript व्याकरण: object.style.visibility="hidden"

TIY उदाहरण

कैसे एलीमेंट अदृश्य हो सकता है
इस उदाहरण में देखा जाता है कि कैसे एलीमेंट अदृश्य हो सकता है। आप चाहते हैं कि एलीमेंट दिखाई दें या नहीं?
तालिका एलीमेंट को collapse सेट करें
इस उदाहरण में देखा जाता है कि कैसे तालिका एलीमेंटों को एक के ऊपर दूसरे को डाला जाए?

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण दर्शाते हैं。

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
1.0 4.0 1.0 1.0 4.0