2012-09-23 10 views
16

-webkit-padding-start: 40px; क्रोम-webkit-padding-start: 40px; आईई और फ़ायरफ़ॉक्स के लिए यह क्या होना चाहिए?

के लिए क्या यह आईई और फ़ायरफ़ॉक्स के लिए है?

+3

क्या आप Google को जानते हैं? यह जांचें [लिंक] (https://developer.mozilla.org/en-US/docs/CSS/-moz-padding-start) –

+3

@ कृपया लोगों का सम्मान करने का प्रयास करें यदि आप चाहते हैं कि लोग आपका सम्मान करें, उपयोगकर्ता के रूप में stackoverflow और अंग्रेजी में साक्षर, मैं प्रश्न पोस्ट करने की शर्तों को समझता हूं, और मैंने Google में खोज करने का प्रयास किया, शायद गलत कीवर्ड के कारण या मैं Google और stackoverflow दोनों में जवाब खोजने में विफल रहा, आपके प्रश्न के लिए धन्यवाद और आशा है कि मैंने उत्तर दिया आप –

+0

@venkateshwar धन्यवाद, यानी माइक्रोसॉफ्ट के बारे में क्या उपयोगी नहीं है –

उत्तर

13

फ़ायरफ़ॉक्स के लिए, संपत्ति का नाम -moz-padding-start है। आईई के लिए, कोई समकक्ष नहीं है (अब तक)।

आप कम से कम एक सरल परिदृश्य में व्यापक रूप से समर्थित सीएसएस सुविधाओं का उपयोग करके एक ही प्रभाव प्राप्त कर सकते हैं, जहां संपूर्ण पृष्ठ या तो बाएं से दाएं या दाएं से बाएं लेआउट और लेखन दिशा में है। <html dir=ltr> या <html dir=rtl> का उपयोग करना, क्रमशः, आप अपने सीएसएस कोड को इस प्रकार लिख सकते हैं:

[dir=ltr] .foo { 
    padding-left: 2.5em; 
} 
[dir=rtl] .foo { 
    padding-right: 2.5em; 
} 

यह .foo { padding-start: 2.5em; } के अनुरूप होगा। बेशक, इस दृष्टिकोण का मतलब कोड के कुछ डुप्लिकेशंस है। लेकिन यह लगभग 100% पर काम करता है (आईई 7 सहित और स्टैंडड मोड में नया)।

10
-moz-padding-start: 40px; 
-webkit-padding-start: 40px; 
-khtml-padding-start: 40px; 
-o-padding-start: 40px; 
padding-start: 40px; 
padding: 40px; 

मुझे विश्वास नहीं है कि आईई में पैडिंग-स्टार्ट समकक्ष है।

+1

ठीक है, यह अच्छी तरह से काम करता है, सिर्फ पैडिंग :) धन्यवाद –