सीएसएस url() फ़ंक्शन पर <url-modifier> का उदाहरण उपयोग क्या है?

Question

3.4. Resource Locators: the <url> type का वर्णन करता है

एक यूआरएल एक संसाधन के लिए सूचक है और एक कार्यात्मक अंकन <url> द्वारा प्रदर्शित किया जाता है एक <url-modifier> पर। एक <url> की वाक्य रचना है:

<url> = url(<string> <url-modifier>*)

वाक्य रचना ऊपर परिभाषित करने के अलावा, एक कभी कभी अन्य तरीकों से लिखा जा सकता है:

• विरासत कारणों के लिए, एक <url> लिखा जा सकता है यूआरएल के चारों ओर उद्धरण चिह्नों के बिना। यह वाक्यविन्यास विशेष रूप से पार्स किया गया है, और एक वाक्य के बजाय वाक्य के बजाय <url-token> उत्पन्न करता है। [CSS3SYN]

• ऐसे @import के रूप में कुछ सीएसएस संदर्भों, एक <url> एक <string> बजाय उनका प्रतिनिधित्व करने के लिए अनुमति देते हैं। यह पर समान रूप से व्यवहार करता है जिसमें url() फ़ंक्शन वाला स्ट्रिंग होता है। चूंकि <url> लिखने के वैकल्पिक तरीके कार्यात्मक नोटेशन नहीं हैं, इसलिए किसी भी <url-modifier> एस को स्वीकार नहीं कर सकता है।

नोट: विरासत उद्धरण के लिए विशेष पार्स नियम मार्क-कम <url> वाक्य रचना का मतलब है कि कोष्ठक, खाली स्थान के वर्ण, एकल कोट्स (') और डबल कोट्स (") एक URL में प्रदर्शित होने भाग निकले किया जाना चाहिए एक बैकस्लैश, जैसे url(open\(parens), url(close\)parens)। यूआरएल के प्रकार पर निर्भर के साथ, यह भी [URL] में वर्णित के रूप यूआरएल-पलायन के रूप में इन वर्ण (url(open%28parens) जैसे या url(close%29parens)) लिखने के लिए संभव हो सकता है। (यदि एक के रूप में लिखा सामान्य समारोह एक स्ट्रिंग, सामान्य स्ट्रिंग से बचने वाले नियम लागू होते हैं; केवल नई-पंक्तियों और स्ट्रिंग बोली की जरूरत के लिए इस्तेमाल किया चरित्र

पर

3.4.2. URL Modifiers

url() समारोह से बच गया है।) अतिरिक्त <url-modifier> रों, या जो अर्थ बदल निर्दिष्ट करने का समर्थन करता है किसी भी तरह यूआरएल की व्याख्या। <url-modifier> या तो <ident> या function है।

यह विनिर्देश किसी भी <url-modifier> एस को परिभाषित नहीं करता है, लेकिन अन्य चश्मा ऐसा कर सकते हैं।

भी देखें CSS Values and Units Module Level 3 Editor’s Draft, 21 March 2016

---

• <ident> और functionurl() पर के उदाहरण उपयोगों के क्या हैं?

• में क्या अंतर हैं <string>, <ident>, url() पर function?

Answer 1

एक <url-modifier> या तो एक <ident> या एक function है।

<ident> एक पहचानकर्ता है।

सीएसएस स्रोत का एक हिस्सा जिसमें <ident-token> के समान वाक्यविन्यास है।

<ident-token> Syntax;

मैं <ident>url समारोह के भीतर इस्तेमाल लेकिन के किसी भी उदाहरण के रूप में this email में वर्णित कुछ संभावित भविष्य का उपयोग करता है देखते हैं नहीं पा सके।

• लायें विकल्पों को नियंत्रित करने के लिए CORS/कुकीज़/आदि
• Subresource वफ़ादारी

<ident> वाक्य रचना आप एक मुख्य/मान जोड़े उपयोग नहीं कर सकते को देखते हुए तो मैं मान के साथ काम करने इस का सबसे होगा function का उपयोग करके कार्यान्वित किया गया जो अभी तक मौजूद नहीं है। संसाधन संसाधन को <ident> का उपयोग करके कार्यान्वित किया जा सकता है।

.foo { background-image: url("//aa.com/img.svg" prefetch); }

मैं लेकिन एक function<url-modifier> परिभाषित के साथ "दिलचस्प विचारों का एक संग्रह" एक मिला।

SVG Parameters (नहीं आधिकारिक कल्पना)

params()function एक <url-modifier>

.foo { background-image: url("//aa.com/img.svg" param(--color var(--primary-color))); }