CSS url（）関数での<url-modifier>の使用例を教えてください。

Question

3.4. Resource Locators: the <url> type

URLで<url-modifier>はリソースへのポインタであり、<url>で示さ関数表記 で記載されています。 <url>の構文は：時々 は他の方法で書き込むことができる上記で定義されたシンタックスに加えて、

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

：レガシーの理由

• を、<url>を書き込むことができますURL自体を引用符で囲む必要はありません。この構文は特別に解析され、 は構文的に関数ではなく<url-token>を生成します。例えば@importとして [CSS3SYN]

• 一部CSSコンテキストは、<url>代わり<string>で表されることを可能にします。これは、 と同じように動作し、その文字列を含むurl()関数を記述します。これらの の代わりに<url>を書く方法は機能表記ではないので、 は<url-modifier>を受け付けません。

注：レガシー引用符レス <url>構文のための特別な解析規則URLに登場括弧、空白文字、単一 重引用符（ '）と二重引用符（ "）の をエスケープしなければならないことを意味URLの種類に応じてバックスラッシュで、例えばurl(open\(parens)、url(close\)parens)。 、また、[URL]で説明したように、URLエスケープ（例えばurl(open%28parens)または url(close%29parens)）としてこれら の文字を書くことが可能であるかもしれない。（と書かれている場合 通常機能文字列を含む通常の文字列のエスケープルール が適用されます。改行や文字列を引用するために使用される文字のみをエスケープする を必要としています。）

3.4.2. URL Modifiers

でurl()機能は、意味を変え、追加<url-modifier>秒、 を指定するか、サポートしています何とかURLの解釈。 <url-modifier>は、<ident>またはfunctionです。

この仕様では<url-modifier>は定義されていませんが、他の 仕様でも同様です。

も参照してくださいCSS Values and Units Module Level 3 Editor’s Draft, 21 March 2016

---

• url()で<ident>とfunctionの例の使用法は何ですか？

• <string>,<ident>,functionとurl()の違いは何ですか？

Answer 1

<url-modifier>いずれか<ident>又はfunctionです。

<ident>は識別子です。

CSSソースの一部で、<ident-token>と同じ構文を持つ部分。

<ident-token> Syntax;

this emailいくつかの可能な将来の用途がある中で述べたように、私はurl関数内で使用<ident>のいずれかの例を見つけるが、 ことができませんでした。

• あなたはので、私はこれの ほとんどを想定し、キー/値のペアを使用することはできません<ident>構文を見てみるとサブリソースの整合性

で作業

など/ CORS /クッキーを制御するためのオプションを取得するようになりまだ存在しないfunctionを使用して実装されています。<ident>を使用してリソースヒントを実装できました。

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

しかし私は、定義されたfunction<url-modifier>で "興味深いアイデアのA集" を見つけました。

SVG Parameters（公式ではないスペック）

params()functionは知らの は存在しないので、これはすでに相場に与えられているものを超えて回答することはできません <url-modifier>

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