जब क्रोम देव उपकरण एक गणना की गई संपत्ति को दिखाता है तो इसका क्या मतलब है

Question 1

कृपया ध्यान दें, न कि स्टाइल्स पैनल (मुझे पता है कि ग्रे-आउट का उस संदर्भ में क्या अर्थ है - लागू नहीं होता है), लेकिन अगला पैनल ओवर, कंप्यूटेड प्रॉपर्टीज पैनल।

जब एक कम्प्यूटेड संपत्ति को बाहर दिखाया गया है तो इसका क्या मतलब है?

उदाहरण:

Question 2

NB: इस जवाब का कोई ठोस सबूत नहीं है, यह समय के साथ मेरी टिप्पणियों पर आधारित है।

ग्रे गणना की गई संपत्तियां न तो डिफ़ॉल्ट हैं, न ही विरासत में मिली हैं। यह केवल उन गुणों पर होता है जो तत्व के लिए परिभाषित नहीं थे, लेकिन रनटाइम लेआउट रेंडरिंग के आधार पर या तो उसके बच्चों या माता-पिता से गणना की जाती है।

इस सरल पृष्ठ को एक उदाहरण के रूप में लें, displayडिफ़ॉल्ट है और font-sizeविरासत में मिला है:

<style>
  div { font-size: 13px; }
</style>
<div>
  <p>asdf</p>
</div>

इस विशेष उदाहरण में, heightकी गणना <p>बच्चों के पाठ नोड (फ़ॉन्ट आकार प्लस लाइन ऊंचाई) widthसे की जाती है , इसकी गणना उनके माता-पिता की <div>चौड़ाई से की जाती है, जिसकी गणना उनके माता-पिता से भी की जाती है <body>।

संपादित करें: खैर मैंने फिर से सोचा, यहाँ मेरी राय आधारित उत्तर है। मुझे वास्तव में बाद में क्रोमियम स्रोत कोड पर जाना चाहिए: डी

उन तीरों का विस्तार करके, आप देख सकते हैं कि तत्व के लिए कौन सा वास्तविक नियम लागू होता है, उन सभी के बीच जो परिभाषित किया गया है (या तो सीधे या विरासत में, या तो डेवलपर या ब्राउज़र द्वारा):

यहां आप ब्राउज़र निर्मित नियमों सहित, और सीएसएस कैस्केडिंग (ओवरराइडिंग) तंत्र के साथ जांच कर सकते हैं।

तो, उन तत्वों के लिए जिनकी कोई सीएसएस परिभाषा नहीं है (कोई सीधे परिभाषित नहीं, कोई विरासत में नहीं, कोई ब्राउज़र निर्मित नहीं), आपके पास ट्रेस करने का कोई स्रोत नहीं है। और संपत्ति मूल्यों की पूरी तरह से गणना की जाती है।

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