सभी - सीएसएस-ट्रिक्स

Anonim

allसीएसएस में संपत्ति को छोड़कर चयनित तत्व के गुणों का, रीसेट करता है directionऔर unicode-bidiगुण है कि नियंत्रण पाठ दिशा।

.module ( all: unset; )

इसका बिंदु शैलियों के घटक-स्तर को रीसेट करने की अनुमति है। कभी-कभी यह सब कुछ पहले से ही लड़ने के बजाय स्टाइल के साथ खरोंच से शुरू करना बहुत आसान है।

मूल्यों

  • initial: सीएसएस युक्ति में परिभाषित के रूप में चयनित तत्व के सभी गुणों को उनके प्रारंभिक मूल्यों पर रीसेट करता है।
  • inherit: चयनित तत्व अपने सभी मूल तत्व की स्टाइलिंग को विरासत में लेता है, जिसमें ऐसी शैलियाँ शामिल हैं जो सामान्य रूप से अंतर्निहित नहीं हैं।
  • unset: चयनित तत्व मूल तत्व से नीचे पारित किसी भी अंतर्निहित मूल्यों को प्राप्त करता है। यदि कोई अंतर्निहित मूल्य उपलब्ध नहीं है, तो CSS प्रॉपर्टी से प्रारंभिक मूल्य प्रत्येक संपत्ति के लिए उपयोग किया जाता है।

कुछ संपत्तियों में प्रारंभिक मूल्य स्पष्ट रूप से परिभाषित नहीं होता है और इसके बजाय उपयोगकर्ता एजेंट को प्रारंभिक मूल्य सेट करने की अनुमति देता है - colorऔर font-familyदो उदाहरण हैं। तो all: initial;या all: unset;लागू किया जाता है, उपयोगकर्ता एजेंट डिफ़ॉल्ट मान के रूप में किया जाता है initialइन गुणों के लिए मूल्य।

allको "शॉर्टहैंड" संपत्ति माना जाता है क्योंकि यह हमें एक ही घोषणा के साथ एक बार में प्रत्येक सीएसएस संपत्ति के मूल्यों को नियंत्रित करने की अनुमति देता है। हालांकि, अधिकांश शॉर्टहैंड गुणों के विपरीत, कोई व्यावहारिक "लॉन्गहैंड" संस्करण नहीं है और इसका कोई उप-गुण नहीं है।

डेमो

टिप्पणियों के लिए सीएसएस टैब देखें जो इंगित करते हैं कि कौन से गुण अंतर्निहित हैं। सूचना है कि जब inheritमूल्य, प्रयोग किया जाता है divइसके जनक से हर संपत्ति, सहित यह है width, paddingहै, और border, जो आम तौर पर नहीं ली गई है।

CodePen पर CSS-Tricks (@ css-tricks) द्वारा पेन सभी प्रॉपर्टी डेमो देखें।

अधिक जानकारी

  • all W3C CSS कैस्केडिंग और इनहेरिटेंस लेवल 4 के एडिटर ड्राफ्ट में
  • CSS2 पूरी संपत्ति तालिका: सभी CSS2 गुणों की विरासत को दर्शाता है। CSS3 विनिर्देश को कई भागों में विभाजित किया गया है और विनिर्देशों की तालिका पर अनुक्रमित किया गया है।
  • प्रारंभिक के साथ परिचित होना: initialमूल्य पर अधिक विवरण ।
  • कैमरन मैककॉर्मैक द्वारा फ़ायरफ़ॉक्स 27 (2013) में 'ऑल: अनसेट' का उपयोग करके रीसेटिंग स्टाइल

ब्राउज़र का समर्थन

यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।

डेस्कटॉप

क्रोम फ़ायर्फ़ॉक्स अर्थात एज सफारी
३। २। नहीं न । ९ 9.1

मोबाइल / टेबलेट

Android क्रोम Android फ़ायरफ़ॉक्स एंड्रॉयड iOS सफारी
88 .५ 4.4.3-4.4.4 9.3