Google क्रोम देव उपकरण में सेमी-पारदर्शी सीएसएस गुणों का क्या अर्थ है?

Question

कृपया निम्न चित्र देखें:

क्यों padding-top और margin-top पूरी तरह से अपारदर्शी है, लेकिन padding-right आदि नहीं है?

Answer 1

मेरा मानना ​​है कि वे अर्द्ध पारदर्शी हैं क्योंकि उन्हें स्पष्ट रूप से परिभाषित नहीं किया गया है।

Consired निम्नलिखित चादर:

selector1 { 
    margin: 20px; 
} 

selector2 { 
    margin: 20px; 
    margin-top: 10px; 
} 

selector3 { 
    margin: 10px 20px 30px; 
} 

पहला उदाहरण (selector1) सभी margin-* गुण अर्द्ध पारदर्शी क्योंकि गैर स्पष्ट रूप से परिभाषित किया गया है हो जाएगा में - शॉर्टकट का इस्तेमाल किया जा रहा है।

दूसरे उदाहरण में (selector2) केवल margin-top पूरी तरह से अपारदर्शी होगा, क्योंकि इसकी अपनी संपत्ति में परिभाषित किया गया है।

अंतिम उदाहरण में (selector3), margin-top और margin-bottom स्पष्ट रूप से परिभाषित किए गए हैं, इसलिए पूरी तरह से अपारदर्शी होगा। हालांकि margin-left और margin-right को एक ही मान द्वारा परिभाषित किया गया है, इसलिए वे अर्ध-पारदर्शी होंगे।

---

अर्ध-पारदर्शी रंग भी डिफ़ॉल्ट मानों के लिए लागू किया जाता है, उदाहरण के लिए:

background: red url(...) no-repeat; 

यह गुण परिभाषित background-color, background-image और background-repeat स्पष्ट रूप से, तथापि background-position, background-clip, background-size आदि परिभाषित नहीं कर रहे हैं (डिफ़ॉल्ट मानों का उपयोग किया जाता है) इसलिए उन्हें अर्द्ध पारदर्शी के रूप में देखा जाएगा।