2011-01-24 20 views
22

मैं Less Framework 3 के साथ चारों ओर खेल रहा हूँ और मैं सीएसएस में इस लाइन को देखा:सीएसएस पैडिंग में तीसरा मूल्य क्या है?

body { 
    padding: 60px 42px 0; 
    width: 396px; 
} 

क्या padding: 0 क्या करता है?

यह सामान्य सीएसएस आशुलिपि की तरह नहीं दिखता है, और top-right-bottom अजीब लगता है।

+7

@Joel Etherton, वास्तव में है, तो यह और इस तरह किसी भी Google खोज तुरुप का जवाब चाहिए। एसओ पर, एसओ को Google पर दृढ़ता से प्राथमिकता दी जाती है। – jball

+0

@jball - वास्तव में, मैं आपसे असहमत हूं। अक्सर मुझे लगता है कि एसओ पर दिए गए उत्तर विभिन्न खोज माध्यमों के माध्यम से पाए गए अन्य उत्तरों की तुलना में न तो अधिक विश्वसनीय हैं। सिर्फ इसलिए कि यह StackOverflow पर नहीं है इसका मतलब यह गलत नहीं है। सिर्फ इसलिए कि यह स्टैक ओवरफ्लो पर है इसका मतलब यह नहीं है कि यह सही है। और 5 मिनट आरटीएफएम ने अपने प्रश्न का उत्तर दिया होगा। –

+3

@ जोएल ईथरटन, मुझे लगता है कि आप सोचते हैं [मैं लोगो में कछुए कैसे चला सकता हूं?] (Http://stackoverflow.com/questions/1003841/how-do-i-move-the-turtle-in-logo) है एसओ के लिए भी एक बुरा सवाल है? – jball

उत्तर

69

padding और margin गुण top right bottom left निर्दिष्ट करते हैं।
यदि left छोड़ा गया है, तो यह right पर डिफ़ॉल्ट होगा।

इस प्रकार, padding: a b cpadding: a b c b के बराबर है।

तो bottom भी छोड़ दिया जाता है, यह top लागू हो जाएगी।
इस प्रकार, padding: a bpadding: a b a b के बराबर है।

यदि rightभी छोड़ा गया है, तो सभी मानों के लिए एकल मान का उपयोग किया जाता है।
इस प्रकार, padding: apadding: a a a a के बराबर है।

+2

क्या यह "शीर्ष दाएं नीचे बाएं" नहीं है? – CAFxX

+0

@ सीएएफ: मैंने पहले ही इसे ठीक कर दिया है। – SLaks

+0

धन्यवाद धन्यवाद शुक्रिया :) – tabaluga

7

आप तीन मानों दूसरा परोक्ष चौथा, अर्थात गद्दी के लिए प्रयोग किया जाता है निर्दिष्ट करते हैं: 60px 42px 42px 0;

+0

धन्यवाद धन्यवाद शुक्रिया :) – tabaluga

4

तीन आशुलिपि संस्करणों जब चार मोटाई मानों को निर्दिष्ट कर रहे हैं। ये शॉर्टकट भी समान गुणों पर लागू होते हैं, जैसे मार्जिन, रूपरेखा और सीमा।

margin: 10px; 
/*same as*/ 
margin: 10px 10px 10px 10px; 

... इसका मतलब है सभी 4 पक्षों के लिए उपयोग 10px:

1 मूल्य निर्दिष्ट।

margin: 10px 15px; 
/*same as*/ 
margin: 10px 15px 10px 15px; 

... का अर्थ है ऊपर और नीचे के लिए 10px और बाएं और दाएं के लिए 15px का उपयोग करें।

margin: 10px 15px 20px; 
/*same as*/ 
margin: 10px 15px 20px 15px; 

... का मतलब है शीर्ष के लिए 10px, बाएं और दाएं के लिए 15px, और नीचे के लिए 20px का उपयोग करें।

0

सबसे अच्छा कभी W3School से व्याख्या करते हैं: -

padding: 25px 50px 75px 100px; 
    top padding is 25px 
    right padding is 50px 
    bottom padding is 75px 
    left padding is 100px 

तो गद्दी संपत्ति है: गद्दी संपत्ति चार मूल्यों है

तो http://www.w3schools.com/css/css_padding.asp

तो, यहाँ यह कैसे काम करता है तीन मान:

padding: 25px 50px 75px; 
    top padding is 25px 
    right and left paddings are 50px 
    bottom padding is 75px 

यदि वें ई गद्दी संपत्ति दो मान होते हैं:

गद्दी संपत्ति एक महत्व है
padding: 25px 50px; 
    top and bottom paddings are 25px 
    right and left paddings are 50px 

हैं:

padding: 25px; 
    all four paddings are 25px 
संबंधित मुद्दे