सीएसएस में संपत्ति का उपयोग प्रदर्शित करें

सभी HTML तत्वों के पास उनकी CSS प्रदर्शन संपत्ति के लिए एक डिफ़ॉल्ट मान सेट होता है। यह गुण निर्दिष्ट करता है कि दस्तावेज़ में तत्व कैसे प्रस्तुत किया जाएगा।

नोट - डिफॉल्ट डिस्प्ले प्रॉपर्टी को ओवरराइड किया जा सकता है लेकिन यह तत्व के प्रकार को केवल दस्तावेज़ पर उसके प्रदर्शन व्यवहार को नहीं बदलता है।

CSS डिस्प्ले प्रॉपर्टी के कुछ मान निम्नलिखित हैं -

• ब्लॉक करें
• इनलाइन
• इनलाइन-ब्लॉक
• कोई नहीं

उदाहरण

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

  <हेड> <शीर्षक> सीएसएस प्रदर्शन  <शैली> फॉर्म { चौड़ाई:70%; मार्जिन:0 ऑटो; टेक्स्ट-एलाइन:सेंटर;}* {पैडिंग:2px; मार्जिन:5 पीएक्स; बॉक्स-आकार:सीमा-बॉक्स;} इनपुट [प्रकार ="बटन"] {सीमा-त्रिज्या:10 पीएक्स;}। बच्चे {प्रदर्शन:ब्लॉक; /*
*/ ऊंचाई के लिए डिफ़ॉल्ट मान:40px; चौड़ाई:100%; रंग सफेद; बॉर्डर:4px सॉलिड ब्लैक;}.child: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){ बैकग्राउंड-कलर:#FEDC11;}
CSS-Display 








 
आउटपुट
 

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

 
 
उदाहरण
 

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








 
आउटपुट
 

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