फ़ायरबग के साथ एक पृष्ठ का निरीक्षण करते समय, हाइलाइट किए गए तत्व के नीचे पीला क्षेत्र क्या है?

Question

जब मैं "निरीक्षण मोड" में फ़ायरबग का उपयोग कर रहा हूं और माउस एचटीएमएल टेबल तत्व पर होवर करता है, तो मेरी तालिका की दृश्य सामग्री को नीले रंग में हाइलाइट किया जाता है - जैसे कि मैंने फ़ायरफ़ॉक्स का उपयोग करके देखा है। हालांकि, तालिका के नीचे तुरंत एक क्षेत्र भी है (पिछली पंक्ति के पीछे) जो पीले में हाइलाइट किया जाता है। क्या किसी को पता है कि इससे क्या मेल खाता है? मैं टेबल को स्टाइल करना चाहता हूं ताकि अंतरिक्ष तालिका द्वारा उठाया गया हो।

किसी भी अंतर्दृष्टि

लारा

Answer 1

यह margin मूल्य है के लिए बहुत धन्यवाद। इसे इंस्पेक्टर शैली में देखें। स्टाइल शीट व्यू में, फिर आपको उस स्टाइल शीट को रीट्रेस करने में सक्षम होना चाहिए और सेटिंग को लाइन से बदलना चाहिए, और इसे बदलना चाहिए।

Answer 2

पीला क्षेत्र मार्जिन का प्रतिनिधित्व करता है।

Answer 3

मैं कहीं भी किसी भी प्रलेखन नहीं मिल रहा था, लेकिन संदर्भ के लिए, मैं अनुभव मिल गया है:

| Margin | Yellow  | 
| Border | Brown  | 
| Padding | Violet  | 
| Content | Light Blue | 

W3C बॉक्स मॉडल, चौड़ाई और एक तत्व की ऊंचाई में

इसके अलावा सामग्री की चौड़ाई देता है मार्जिन, सीमा और पैडिंग को छोड़कर, बॉक्स के।