display प्रॉपर्टी
display प्रॉपर्टी - ब्राउज़र द्वारा एलिमेंट को प्रदर्शित करने का तरीका निर्धारित करती है।
सिंटैक्स
cssसिलेक्टर {
display: मान;
}
मान
| मान | विवरण |
|---|---|
block |
ब्लॉक एलिमेंट। |
inline |
इनलाइन एलिमेंट। |
inline-block |
इनलाइन-ब्लॉक एलिमेंट। |
list-item |
एलिमेंट एक लिस्ट आइटम बन जाएगा और इसके सामने एक लिस्ट मार्कर दिखाई देगा। |
flex |
एलिमेंट को एक ब्लॉक के रूप में सेट करता है, और इसके चाइल्ड एलिमेंट flex एलिमेंट बन जाएंगे। |
inline-flex |
एलिमेंट को एक इनलाइन-ब्लॉक के रूप में सेट करता है, और इसके चाइल्ड एलिमेंट flex एलिमेंट बन जाएंगे। |
grid |
एलिमेंट-ग्रिड बनाता है। |
none |
एलिमेंट पूरी तरह से गायब हो जाएगा और अन्य सभी एलिमेंट ऐसे व्यवहार करेंगे जैसे कि यह एलिमेंट है ही नहीं। |
table |
एलिमेंट एक टेबल की तरह व्यवहार करेगा। |
table-cell |
एलिमेंट एक टेबल सेल की तरह व्यवहार करेगा। |
inline-table |
एलिमेंट एक टेबल की तरह व्यवहार करेगा, लेकिन टेबल एक इनलाइन एलिमेंट है और इसे अन्य एलिमेंट्स, जैसे टेक्स्ट, द्वारा रैप किया जा सकता है। |
table-caption |
एलिमेंट caption टैग की तरह व्यवहार करेगा। |
table-column |
एलिमेंट एक टेबल कॉलम की तरह व्यवहार करेगा। |
table-row |
एलिमेंट एक टेबल रो की तरह व्यवहार करेगा। |
table-column-group |
एलिमेंट colgroup टैग की तरह व्यवहार करेगा। |
table-footer-group |
एलिमेंट tfoot टैग की तरह व्यवहार करेगा। |
table-header-group |
एलिमेंट thead टैग की तरह व्यवहार करेगा। |
table-row-group |
एलिमेंट tbody टैग की तरह व्यवहार करेगा। |
run-in |
एलिमेंट को कॉन्टेक्स्ट के आधार पर एक ब्लॉक या इनलाइन एलिमेंट के रूप में सेट करता है। |
डिफ़ॉल्ट रूप से, एलिमेंट्स के display के
विभिन्न मान हो सकते हैं।