2015-11-06 7 views
19

वेबकिट का अंतर है अपनी विशिष्ट मार्जिन जो कर रहे हैं जोड़ लिया है शुरू करें) या (मार्जिन-दाएं और -webkit-margin-end) जो "बाएं से दाएं" या "दाएं से बाएं" भाषाओं से संबंधित है।क्या मार्जिन टॉप और -webkit मार्जिन-से पहले

मेरा प्रश्न यह है कि (मार्जिन-टॉप और -वेबिट-मार्जिन-पहले) या (मार्जिन-तल और -वेबिट-मार्जिन-बाद) के बीच क्या अंतर है?

नोट: यह स्पष्ट है कि -वेबिट उपसर्ग केवल क्रोम और सफारी जैसे वेबकिट इंजन ब्राउज़र पर काम करता है। यह सवाल इससे संबंधित नहीं है।

+1

मैं '-webkit मार्जिन-before' और' के लिए किसी भी आधिकारिक दस्तावेज खोजने में असमर्थ किया गया है की एक नंबर मिल सकता है -webkit मार्जिन-after'। मैं केवल यह मान सकता हूं कि ये "शीर्ष से नीचे" और "नीचे से ऊपर" भाषाओं से संबंधित हैं। मुझे यकीन नहीं था कि "नीचे से ऊपर" भाषाओं में भी अस्तित्व में है, लेकिन इस वेबसाइट में कुछ उदाहरण सूचीबद्ध हैं: http://www.omniglot.com/writing/direction.htm – MarkPlewis

+0

@MarkPlewis, यह दिलचस्प है! शायद -वेबिट-मार्जिन-पहले "नीचे से ऊपर" भाषाओं में मार्जिन-तल के रूप में कार्य करता है। – Arashsoft

उत्तर

15

सर्वश्रेष्ठ उत्तर मैं अब तक मिल सकता है margin-top सामान्य दस्तावेजों पर के रूप में कार्य करता है -web-margin-before एक ही है, लेकिन यह करने के लिए "तल पर margin-bottom रूप में कार्य करेगा शीर्ष "भाषाएं (एक ही विचार -webkit-margin-after पर लागू होता है)।

आप (@MarkPlewis करने के लिए धन्यवाद) omniglot.com/writing/direction.htm इस लिंक में भाषाओं "शीर्ष पर नीचे"

+1

जानना उपयोगी बात यह है कि वे मार्जिन का "सामान्य" मामला हैं। [flexbox] में (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) उदाहरण के लिए, यह 'flex-direction' के अनुसार तत्व का मार्जिन सही ढंग से सेट करता है, जबकि' मार्जिन- 'कुछ भी नहीं करता है। – Kilves

-1

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

मूल रूप से -वेबकिट- सफारी, क्रोम और फ़ायरफ़ॉक्स जैसे विभिन्न ब्राउज़रों को लक्षित करने के लिए उपयोग किया जा सकता है। विस्तृत लेख here पाया जा सकता है।

यह आलेख वेबकिट-आधारित ब्राउज़र के लिए बेस स्टाइल शीट के निर्माण पर चर्चा करता है।

-webkit- मूल्यों आवेदन नहीं से रोकने के लिए मैं का उपयोग करें:

*, *:before, *:after { 
    box-sizing: inherit; 
} 
संबंधित मुद्दे