CSS का उपयोग करके खाली सेल को संभालना

CSS खाली-कोशिकाओं की संपत्ति का उपयोग किसी तालिका के खाली कक्षों के प्रदर्शन को निर्दिष्ट करने के लिए किया जाता है। CSS खाली-कोशिकाओं की संपत्ति का सिंटैक्स इस प्रकार है -

सिंटैक्स

चयनकर्ता { खाली कक्ष:/*value*/}

उदाहरण

निम्नलिखित उदाहरण CSS खाली-कोशिकाओं के गुण को दर्शाते हैं -

  <सिर> <शैली> टेबल, टेबल * {बॉर्डर:ग्रूव;}टेबल { डिस्प्ले:इनलाइन-ब्लॉक;}# डेमो 1 { खाली-सेल:शो;}# डेमो 2 { खाली -सेल्स:हाइड;}
डेमो हेडिंग
डेमो
 
एक
दो
तीन
छह
आठ
<तालिका id ="demo2">डेमोएकदोतीन td>छःआठ

आउटपुट

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

उदाहरण

  <सिर> <शैली> टेबल * { बॉर्डर:रिज स्काईब्लू; पैडिंग:0.5rem;}टेबल {मार्जिन:20px; प्रदर्शन:इनलाइन-ब्लॉक; बॉक्स-छाया:0 0 6px 3px हरा;}#demo1 { खाली-कोशिकाएँ:छुपाएँ;}#demo2 { खाली-कोशिकाएँ:दिखाएँ;}
 
छिपाएं
दिखाएं
 
 
आउटपुट
 

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