<url>

Der <url> CSS-Datentyp bezeichnet einen Zeiger auf eine Ressource, z.B. ein Bild oder eine Schriftart. URLs k├Ânnen in zahlreichen CSS Eigenschaften verwendet werden, wie etwa background-image, cursor, und list-style.

URI oder URL? Es gibt einen Unterschied zwischen einem URI und einem URL. Ein URI identifiziert einfach eine Ressource. Ein URL ist eine Art von URI und beschreibt den Speicherort einer Ressource. Ein URI kann entweder ein URL oder ein Name (URN) einer Ressource sein.

In CSS1 die funktionale Notation url() beschrieb nur echte URLs. In CSS2.1 die Definition von url()  wurde erweitert, um alle URIs zu beschreiben, ob URL oder URN. Verwirrenderweise bedeutete es, dass url() verwendet werden konnte, um ein <uri> CSS-Datentyp zu erstellen. Diese ├änderung war nicht nur ung├╝nstig, sondern auch ├╝berfl├╝├čig, weil die URNs so oft wie nie in CSS verwendet werden. Um die Verwirrung zu vermindern, kehrte CSS3 zu der engeren Anfangsdefinition. Jetzt bezeichnet url() nur echte <url>s.

Syntax

Der <url> Datentyp wird mit der funktionalen Notation url() spezifiziert. Es kann sowohl ohne Anf├╝hrungszeichen als auch mit  einfachen oder doppelten Anf├╝hrungszeichen geschrieben werden. Relative URLs sind erlaubt und sind relativ zum URL des Stylesheets (nicht zum URL der Webseite).

<a_css_property>: url("http://mysite.example.com/mycursor.png")
<a_css_property>: url('http://mysite.example.com/mycursor.png')
<a_css_property>: url(http://mysite.example.com/mycursor.png)

Hinweis: Steuerzeichen ├╝ber 0x7e sind ab Firefox 15 in URLs ohne Anf├╝hrungszeichen nicht erlaubt. Sieh Bug 752230 f├╝r mehr Details.

Beispiele

.topbanner {
  background: url("topbanner.png") #00D no-repeat fixed;
}
ul {
  list-style: square url(http://www.example.com/redball.png);
}

Spezifikationen

Specification Status Comment
CSS Values and Units Module Level 3
Die Definition von '<url>' in dieser Spezifikation.
Anw├Ąrter Empfehlung Keine wichtige ├änderungen seit CSS2.1.
CSS Level 2 (Revision 1)
Die Definition von '<uri>' in dieser Spezifikation.
Empfehlung Keine wichtige Änderungen seit CSS1.
CSS Level 1
Die Definition von '<url>' in dieser Spezifikation.
Empfehlung Erste Definition.

Browserkompatibilit├Ąt

BCD tables only load in the browser