CSS/Funktionen/url()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Parameter
anwendbar auf
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

Siehe auch

Data-URLs im CSS