क्रोम 115 से शुरू होकर, सीएसएस डिस्प्ले प्रॉपर्टी के लिए कई मान हैं। डिस्प्ले: फ्लेक्स बन जाता है डिस्प्ले: ब्लॉक फ्लेक्स और डिस्प्ले: ब्लॉक बन जाता है डिस्प्ले: ब्लॉक फ्लो। आपके द्वारा ज्ञात एकल मान अब विरासत माने जाते हैं लेकिन पश्चगामी अनुकूलता के लिए ब्राउज़र में रखे जाते हैं।

इसमें काफी देर क्यों हो रही है?

संक्षेप में: यह बदलता है कि हम बॉक्स मॉडल जैसी चीजों को कैसे समझा सकते हैं। विनिर्देश अभी भी एक सीआर स्नैपशॉट है, जिसका अर्थ है कि W3C मानक को अंतिम रूप देने के लिए कार्यान्वयनकर्ताओं से अनुभव एकत्र करता है। इसलिए, इसमें से कुछ अभी भी बदल सकता है।

पुन: कार्य डिस्प्ले प्रकार को दो भागों में विभाजित करता है: बाहरी डिस्प्ले प्रकार और आंतरिक डिस्प्ले प्रकार।

बाहरी डिस्प्ले प्रकार यह तय करता है कि प्रिंसिपल बॉक्स स्वयं फ्लो लेआउट में कैसे भाग लेता है।

आंतरिक डिस्प्ले प्रकार यह तय करता है कि इसके वंशज बॉक्स कैसे रखे गए हैं (प्रतिस्थापित तत्वों को छोड़कर, यह थोड़ा अधिक जटिल है)।

इसलिए डिस्प्ले: फ्लेक्स डिस्प्ले बन जाता है: ब्लॉक फ्लेक्स जिसका अर्थ है कि बाहरी डिस्प्ले प्रकार ब्लॉक है (यह बाहर से ब्लॉक तत्व के रूप में व्यवहार करता है), लेकिन इसके चाइल्ड तत्व फ्लेक्स लेआउट के अनुसार प्रस्तुत किए जाते हैं।

यह पहले जैसा ही व्यवहार है, लेकिन इस बदलाव के साथ, हम चाइल्ड तत्वों और आसपास के तत्वों के संबंध में प्रदर्शन संपत्ति के प्रभाव के बारे में बात करने में सक्षम हैं। मेरी राय में, यह मानसिक मॉडल अधिक पूर्वानुमानित लेआउट बनाना आसान बनाता है, और विभिन्न लेआउट मोड और उनके प्रभावों को समझाना आसान है।

नए पाठ्यक्रमों या ट्यूटोरियल में, बॉक्स मॉडल की एक अच्छी व्याख्या में न केवल मार्जिन, बॉर्डर, पैडिंग, चौड़ाई और ऊंचाई बल्कि बॉक्स-आकार और प्रदर्शन संपत्ति भी शामिल होनी चाहिए।

प्रदर्शन संपत्ति के वैध मूल्य क्या हैं?

जैसा कि पहले ही उल्लेख किया गया है, कुछ पुरानी संपत्तियां अब विरासत बन गई हैं। यहां सभी वैध संपत्तियां हैं:

बहु-मूल्य सिंटैक्स डिस्प्ले के लिए: बाहरी-प्रकार के आंतरिक-प्रकार के मान्य बाहरी प्रकार हैं ब्लॉक, इनलाइन, और रन-इन। मान्य आंतरिक प्रदर्शन प्रकार हैं फ्लो, फ्लो-रूट, टेबल, फ्लेक्स, ग्रिड, और माणिक।

मान्य एकल-मान भी हैं: सूची-आइटम, सामग्री, और कोई नहीं।

उसके शीर्ष पर, सीएसएस में कुछ आंतरिक प्रदर्शन मान हैं जो वैध रहते हैं। तालिका या रूबी डिस्प्ले प्रकारों का उपयोग करते समय इन मानों की गणना की जाएगी।

निम्नलिखित संयोजन अब विरासत में हैं: इनलाइन-ब्लॉक, इनलाइन-टेबल, इनलाइन-फ्लेक्स, और इनलाइन-ग्रिड . उन्हें उनके बहु-मूल्य समकक्षों से बदला जा सकता है, उदाहरण के लिए: डिस्प्ले: इनलाइन फ्लेक्स।

मल्टी-वैल्यू आधुनिक ब्राउज़रों के हाल के संस्करणों पर समर्थित हैं: https://caniuse.com/mdn-css_properties_display_multi-keyword_values

प्रदर्शन संपत्ति के मल्टी-कीवर्ड मानों के लिए उपयोग करें।

कि सभी लोग!

पढ़ने के लिए आपको बहुत बहुत शुक्रिया!