सीएसएस दृश्यता बनाम प्रदर्शन

<घंटा/>

सभी HTML तत्वों का एक डिफ़ॉल्ट प्रदर्शन मान सेट होता है और उन्हें CSS प्रदर्शन संपत्ति के साथ ओवरराइड किया जा सकता है, इसी तरह सभी तत्वों की दृश्यता को डिफ़ॉल्ट के रूप में दृश्यमान पर सेट किया जाता है, लेकिन इसे CSS दृश्यता संपत्ति के साथ भी ओवरराइड किया जा सकता है।

CSS प्रदर्शन गुण के लिए निम्नलिखित मान हैं -

<टेबल> <थेड> क्रमांक <थ> मूल्य और विवरण 1 इनलाइन
यह एक तत्व को इनलाइन तत्व (जैसे ) के रूप में प्रदर्शित करता है, परिभाषित होने पर ऊंचाई और चौड़ाई गुणों का कोई प्रभाव नहीं पड़ेगा
2 अवरुद्ध करें
यह एक तत्व को एक ब्लॉक तत्व के रूप में प्रदर्शित करता है (जैसे

) और एक लाइन ब्रेक को मजबूर करता है
3 सामग्री
यह कंटेनर को गायब कर देता है, जिससे बच्चे के तत्व तत्व के बच्चे DOM में अगले स्तर तक बढ़ जाते हैं
4 फ्लेक्स
यह एक तत्व को ब्लॉक-स्तरीय फ्लेक्स कंटेनर के रूप में प्रदर्शित करता है
5 ग्रिड
यह एक तत्व को ब्लॉक-स्तरीय ग्रिड कंटेनर के रूप में प्रदर्शित करता है
6 इनलाइन-ब्लॉक
यह एक तत्व को इनलाइन-स्तरीय ब्लॉक कंटेनर के रूप में प्रदर्शित करता है। तत्व स्वयं एक इनलाइन तत्व के रूप में स्वरूपित है, लेकिन ऊंचाई और चौड़ाई मान लागू किए जा सकते हैं
7 इनलाइन-फ्लेक्स
यह एक तत्व को इनलाइन-स्तरीय फ्लेक्स कंटेनर के रूप में प्रदर्शित करता है
8 इनलाइन-ग्रिड
यह एक तत्व को इनलाइन-स्तरीय ग्रिड कंटेनर के रूप में प्रदर्शित करता है
9 इनलाइन-टेबल
तत्व को इनलाइन-स्तरीय तालिका के रूप में प्रदर्शित किया जाता है
10 सूची-वस्तु
यह तत्व को

तत्व की तरह व्यवहार करने देता है
11 रन-इन
यह संदर्भ के आधार पर किसी तत्व को ब्लॉक या इनलाइन के रूप में प्रदर्शित करता है
12 टेबल
यह तत्व को तत्व की तरह व्यवहार करने देता है
तत्व की तरह व्यवहार करने देता है
तत्व की तरह व्यवहार करने देता है
तत्व की तरह व्यवहार करने देता है
तत्व की तरह व्यवहार करने देता है

तत्व की तरह व्यवहार करने देता है
13	टेबल-कैप्शन यह तत्व को
14	टेबल-कॉलम-समूह यह तत्व को
15	टेबल-हेडर-ग्रुप यह तत्व को <थेड> तत्व की तरह व्यवहार करने देता है
16	टेबल-फ़ुटर-ग्रुप यह तत्व को
17	टेबल-पंक्ति-समूह यह तत्व को
18	टेबल-सेल यह तत्व को	तत्व की तरह व्यवहार करने देता है
19	टेबल-कॉलम यह तत्व को
20	टेबल-पंक्ति यह तत्व को>tr<तत्व की तरह व्यवहार करने देता है
21	कोई नहीं तत्व पृष्ठ पर प्रस्तुत नहीं किया गया है
22	आरंभिक यह इस गुण को उसके डिफ़ॉल्ट मान पर सेट करता है।
23	उत्तराधिकारी यह परिभाषित करता है कि तत्व का प्रदर्शन गुण उसके मूल तत्व से लिया जाता है।

आइए CSS डिस्प्ले इनलाइन-ब्लॉक का एक उदाहरण देखें -

उदाहरण

CSS डिस्प्ले इनलाइन-ब्लॉकCSS-Display -इनलाइन-ब्लॉक






 आउटपुट
 
 
 
 CSS विजिबिलिटी प्रॉपर्टी के मान निम्नलिखित हैं -
 <टेबल> <थेड>   क्रमांक <थ> मूल्य और विवरण   1 दृश्यमान 
 यह डिफ़ॉल्ट है, तत्व और उसके बच्चे दिखाई दे रहे हैं 
   2 छिपा हुआ 
 यह तत्व को छुपाता है और उसके बच्चे अदृश्य होते हैं, लेकिन तत्व अभी भी प्रस्तुत किया जाता है और पृष्ठ पर उचित स्थान दिया जाता है 
   3 संक्षिप्त करें 
 इसका उपयोग केवल तालिका पंक्तियों (), पंक्ति समूहों (), स्तंभों (), स्तंभ समूहों (
) के लिए किया जाता है। यह मान एक पंक्ति या स्तंभ को हटा देता है, और पंक्ति या स्तंभ द्वारा लिया गया स्थान अन्य सामग्री के लिए उपलब्ध होगा 
 यदि अन्य तत्वों पर उपयोग किया जाता है, तो यह 'छिपा हुआ' के रूप में प्रस्तुत होता है 
   4 प्रारंभिक 
 यह तत्व की दृश्यता को उसके डिफ़ॉल्ट मान पर सेट करता है 
   5 उत्तराधिकारी 
 यह निर्दिष्ट करता है कि दृश्यता संपत्ति का मूल्य मूल तत्व से विरासत में मिला होना चाहिए 
     
 आइए CSS विजिबिलिटी प्रॉपर्टी का एक उदाहरण देखें -
 उदाहरण
 CSS विजिबिलिटी का पतनCSS-Visibility-collapseName पाठ्यक्रम
जोआना एमबीए
स्मिथ B.Arc  
Xersus M.Sc
 आउटपुट
 
 CSS दृश्यता संक्षिप्तता लागू नहीं है -
 
 
 
 CSS दृश्यता संक्षिप्तीकरण लागू किया गया है -

Name	पाठ्यक्रम
जोआना	एमबीए
स्मिथ	B.Arc
Xersus	M.Sc