पैडिंग-बाएं और पैडिंग-स्टार्ट के बीच क्या अंतर है?

Question

कुछ कोड का निरीक्षण करते समय मुझे यह नई घोषणा मिली: -webkit-padding-start लेकिन मैं यह समझने में असमर्थ हूं कि मौजूदा padding-left संपत्ति के साथ क्या अंतर है। मैंने पहले ही Mozilla Developers पर पृष्ठ पढ़ा है और fiddle बनाया है, लेकिन मैं अभी भी अनिश्चित हूं।

Answer 1

-webkit-padding-start से

अलावा गैरमानक जा रहा है, अंतर यह है कि जब दिशा लेखन छोड़ दिया करने के लिए सही है, -webkit-padding-start सही (प्रभावी रूप से, padding-right में परिवर्तित हो जाता) को गद्दी डालता है।

यदि संपत्ति मानकीकृत की गई थी, तो यह स्टाइल शीट्स के लिए उपयोगी होगी जिसका उपयोग विभिन्न लेखन प्रणालियों में ग्रंथों वाले दस्तावेजों के लिए किया जाना है। फिर आप पाठ की शुरुआत में पैडिंग डाल सकते हैं, बशर्ते आपने HTML में dir विशेषता या दिशा-निर्देश के अनुरूप सीएसएस में direction संपत्ति सेट की हो। तो पैडिंग पाठ की शुरुआत के बाईं ओर होगा उदा। पश्चिमी भाषाओं में लेकिन पाठ की शुरुआत के दाईं ओर (जो दाएं से बाएं चलाता है) उदा। अरबी, फारसी, या हिब्रू ग्रंथों में।

Answer 2

तो गणना दिशा बाएँ-से-सही ltr है तो -moz-padding-start सेट left-padding:; अन्यथा यह right-padding:; सेट।

एचटीएमएल:

<p><a class="left">padding-start: 20px (ltr)</a> 
</p> 
<p><a class="right">padding-start: 20px (rtl)</a> 
</p> 

सीएसएस:

.left { 
     direction: ltr; 
     border: 1px solid #000; 
     -moz-padding-start : 20px; 
     -webkit-padding-start : 20px; 
    } 
    .right { 
     direction: rtl; 
     border: 1px solid #000; 
     -moz-padding-start : 20px; 
     -webkit-padding-start : 20px; 
    } 

DEMO HERE

Answer 3

उदाहरण के लिए

तोयदि लेखन दिशा बाएं से दाएं है, -webkit-padding-start overrides padding-left। यदि लेखन दिशा दाएं से बाएं है, -webkit-padding-start overrides padding-right।

^{स्रोत: CSS-Info}