CSS/Funktionen/url()

Die url()-Funktion wird verwendet, wenn eine Ressource (etwa ein Hintergrundbild) eingebunden werden soll..

Parameter	URI-Adresse der Ressource. einen SVG-Pfad
anwendbar auf	background background-image border border-image border-image-source content cursor list-style list-style-image mask mask-image src
Browsersupport	caniuse: {{{caniuse}}}

Beispiel

background-image: url(hintergrund.png); list-style-image: url('listenpunkt dreieck.png');

Die Adresse kann optional von einfachen oder doppelten Anführungszeichen umschlossen werden. Anführungszeichen sind dann erforderlich, wenn die Adresse runde Klammern, Leerraum, Kommata oder Anführungszeichen (einfach oder doppelt) enthält. Es ist aber auch möglich diese Zeichen nach CSS Regeln mit einem Backslash zu maskieren oder URL-konform mit % zu codieren. Die Anführungszeichenvariante, die zum Einschließen der URL verwendet wird, darf innerhalb der URL nicht vorkommen und muss darin auf jeden Fall maskiert oder codiert werden.

Beachten Sie: Wenn Sie eine URL auf mehrere Zeilen umbrechen möchten, müssen Sie sie auf jeden Fall in Anführungszeichen setzen und die Zeilenumbrüche mit \ maskieren.

Weblinks

• W3C: Resource Locators: the <url> type
• MDN: url()

Siehe auch

Data-URLs im CSS