mozilla

Compare Revisions

<uri>

Change Revisions

Revision 28395:

Revision 28395 by teoli on

Revision 28396:

Revision 28396 by teoli on

Title:
uri
uri
Slug:
CSS/uri
CSS/uri
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 28395
Revision 28396
t11      Many <a href="/en/CSS_Reference" title="en/CSS_Reference">Ct11      The &lt;url&gt; CSS data type denotes a pointer to a resour
>SS properties</a> take a URI as value, such as {{ Cssxref("backgr>ce. It has no proper syntax and can only be expressed through the
>ound-image") }}, {{ Cssxref("cursor") }}, {{ Cssxref("@font-face"> url() functional notation.
>) }}, {{ cssxref("list-style") }} etc.&nbsp; The format of a URI  
>value is <code>url(</code> , followed by the URI itself, followed 
> by <code>)</code>.&nbsp; The URI may be quoted by simple quotes  
>or double quotes.&nbsp; Relative URIs are allowed and are relativ 
>e to the URL of stylesheet (and not to the URL of the web page). 
12    </p>
13    <div class="note">
14      <strong>URI or URL?</strong><br>
15      <br>
16      There is a difference between an URI and an URL. A URL desc
 >ribes the location of the resource, the URI describes an id of th
 >e resource (that maybe a location — a URL — or a name — a URN.<br
 >>
17      <br>
18      In CSS Level 1, theurl() functional notation was introduced
 > to describe... URL, i.e. locations (a &lt;url&gt; CSS data type,
 > though it wasn't explicitly defined that way).<br>
19      <br>
20      In CSS Level 2, the same functional notation was extended t
 >o describe any URI, being a URL or URN. This led to the confusing
 > fact that url() was used to create a &lt;uri&gt; CSS data type. 
 >Not only was this confusing, but URN are almost never used in the
 > CSS usual case.<br>
21      <br>
22      To fix this, CSS Level 3 came back to the initial definitio
 >n, this time explicitly defined. The functional notation url() de
 >notes a &lt;url&gt; CSS data type and no more the more generic &l
 >t;uri&gt; CSS data type.
23    </div>
24    <p>
25      Many <a href="/en/CSS_Reference" title="en/CSS_Reference">C
 >SS properties</a> take a URL as value, such as {{ Cssxref("backgr
 >ound-image") }}, {{ Cssxref("cursor") }}, {{ Cssxref("@font-face"
 >) }}, {{ cssxref("list-style") }} etc.&nbsp;&nbsp;
26    </p>
27    <h2>
28      The url() functional notation
29    </h2>
30    <p>
31      The URI may be quoted by simple quotes or double quotes.&nb
 >sp; Relative URIs are allowed and are relative to the URL of styl
 >esheet (and not to the URL of the web page).

Back to History