|_+_| CSS में संपत्ति एक तत्व की सामग्री को परिभाषित करती है। आपने सुना होगा कि यह गुण केवल |_+_| . पर लागू होता है और |_+_| छद्म तत्व। इस लेख में, हम |_+_| . के लिए विभिन्न उपयोग मामलों का पता लगाएंगे संपत्ति, छद्म तत्वों के बाहर सहित।
स्वीकृत मूल्य
सबसे पहले, आइए |_+_| . के सभी स्वीकृत मानों पर एक नज़र डालें संपत्ति।
- |_+_|: यह डिफ़ॉल्ट मान है। की गणना |_+_| जब छद्म तत्वों के साथ प्रयोग किया जाता है।
- |_+_|: एक छद्म तत्व उत्पन्न नहीं होगा।
- |_+_|: सामग्री को निर्दिष्ट स्ट्रिंग पर सेट करता है। इस स्ट्रिंग में यूनिकोड एस्केप सीक्वेंस हो सकते हैं। उदाहरण के लिए, कॉपीराइट प्रतीक: |_+_|।
- |_+_|: |_+_| . का उपयोग करके सामग्री को छवि या ग्रेडिएंट में सेट करता है या |_+_|.
- |_+_| | |_+_|: सामग्री को |_+_| . से संदर्भित उपयुक्त उद्धरण वर्ण पर सेट करता है संपत्ति।
- |_+_| | |_+_|: चयनित तत्व से एक कोट हटाता है, लेकिन फिर भी |_+_| से संदर्भित नेस्टिंग स्तर को बढ़ाता या घटाता है संपत्ति।
- |_+_|: सामग्री को चयनित तत्व चयनित विशेषता के स्ट्रिंग मान के रूप में सेट करता है।
- |_+_|: सामग्री को |_+_| के मान के रूप में सेट करता है, आमतौर पर एक संख्या।
डोरी
सबसे बुनियादी उदाहरणों में से एक जोड़ने का उपयोग होगा डोरी किसी तत्व से पहले या बाद में सामग्री। इस उदाहरण में, हम लिंक से पहले एक लिंक सिंबल जोड़ेंगे और उसके बाद लिंक के लिए URL जोड़ेंगे।
content|_+_| . में यूनिकोड वर्ण के बाद के स्थान पर ध्यान दें छद्म तत्व और |_+_| . में पहले कोष्ठक से पहले छद्म तत्व। यह इनके और मूल तत्व के बीच जगह बनाएगा।
वैकल्पिक रूप से, आप |_+_| . जोड़ सकते हैं या |_+_| छद्म तत्वों को अलगाव जोड़ने के लिए।
मूल उद्धरण
|_+_| . के साथ संपत्ति, आप तत्वों से पहले और/या बाद में उद्धरण जोड़ सकते हैं। अब, HTML में हमारे पास |_+_| उपनाम। यह अपनी सामग्री के आसपास उद्धरण भी जोड़ देगा। हालांकि, |_+_| . के साथ संपत्ति, हम कार्यान्वयन पर अधिक नियंत्रण रख सकते हैं।
उद्धरण जोड़ने का सबसे बुनियादी उदाहरण यहां दिया गया है:
क्या आप कॉइनबेस पर वीचेन खरीद सकते हैं
आप इसे HTML टैग |_+_| का उपयोग करके भी पूरा कर सकते हैं। लेकिन हो सकता है कि हम उद्धरण को अलग ढंग से स्टाइल करना चाहते हों। तो चलिए केवल शुरुआती उद्धरण जोड़ते हैं, न कि अंतिम उद्धरण। और आइए शुरुआती उद्धरण को भी स्टाइल करें।
::beforeपरिणाम:
उन्नत उद्धरण
हम यह भी निर्दिष्ट कर सकते हैं कि हम कहाँ करते हैं नहीं उद्धरण चाहते हैं। उदाहरण के लिए, आप किसी ऐसे व्यक्ति को उद्धृत कर रहे हैं जो किसी अन्य व्यक्ति को उद्धृत कर रहा है। तो आपके पास उद्धरणों के भीतर उद्धरण होंगे, जो पाठक को भ्रमित कर सकते हैं।
लूप के लिए प्रतीक्षा करें जावास्क्रिप्ट
नीचे दिए गए कोडपेन में, हम HTML का प्रयोग कर रहे हैं |_+_| टैग, फिर निर्दिष्ट करना कि कौन से टैग उद्धरण प्रदर्शित नहीं करने चाहिए।
पहली नज़र में, आप सोच सकते हैं कि हमें केवल |_+_| टैग जहां जरूरत है। लेकिन यह निर्दिष्ट करके कि जहां उद्धरण अभी भी वृद्धि या कमी नहीं होनी चाहिए, नेस्टिंग स्तर |_+_| संपत्ति।
इसे समझाने के लिए, हमें |_+_| . को समझना होगा संपत्ति। यह केवल वर्णों की एक सरणी है जिसे उद्धृत करते समय उपयोग किया जाना चाहिए। यहाँ एक उदाहरण है:
::afterये उद्धरणों के सेट हैं। पहले सेट का उपयोग उद्धरणों के शीर्ष स्तर के लिए किया जाएगा। दूसरे सेट का उपयोग पहले नेस्टेड कोट के लिए किया जाएगा। और तीसरे सेट का उपयोग दूसरे नेस्टेड कोट के लिए किया जाएगा। और इसी तरह, अगर अधिक सेट शामिल थे।
अब जब हम |_+_| . को समझ गए हैं संपत्ति, मैं समझा सकता हूं कि कैसे |_+_| और |_+_| गुण काम करते हैं।
उद्धरणों के प्रत्येक स्तर के लिए, हम उद्धरणों के उपयोग के लिए वर्णों के विभिन्न सेट निर्दिष्ट कर सकते हैं। यह निर्दिष्ट करके कि एक उद्धरण अभी भी वृद्धि या कमी नहीं होना चाहिए, जहां से संदर्भित नेस्टिंग स्तर |_+_| संपत्ति।
नीचे दिए गए उदाहरण पर एक नज़र डालें। आप देखेंगे कि उद्धरणों का दूसरा स्तर छोड़ दिया गया है।
#css #वेब-विकास #डेवलपर
www.freecodecamp.org
सीएसएस बिफोर और सीएसएस आफ्टर – कंटेंट प्रॉपर्टी का उपयोग कैसे करें
हम सामग्री संपत्ति के लिए विभिन्न उपयोग मामलों का पता लगाएंगे, जिसमें छद्म तत्वों के बाहर भी शामिल है। CSS में सामग्री गुण किसी तत्व की सामग्री को परिभाषित करता है। आपने सुना होगा कि यह गुण केवल :: पहले और :: के बाद छद्म तत्वों पर लागू होता है।