Funkcja url() w CSS

Definicja i zastosowanie

CSS url() Funkcja pozwala na włączenie plików do arkusza stylów.

url() Funkcja może być używana w następujących atrybutach i regułach:

• background
• background-image
• border-image
• border-image-source
• content
• cursor
• filter
• list-style
• list-style-image
• mask
• mask-image
• offset-path
• clip-path
• @font-face
• @counter-style
• @import
• @namespace

Przykład

url() Oto kilka przykładów użycia funkcji:

background: lightblue url("img_tree.gif") no-repeat fixed center;
background-image: url("paper.gif");
border-image: url(border.png) 30 round;
border-image-source: url(border.png);
content: url(w3css.gif);
cursor: url(myBall.cur);
list-style: square inside url("sqpurple.gif");
list-style-image: url('sqpurple.gif');
mask: url(w3logo.png) no-repeat 50% 50%;
mask-image: url(w3logo.png);
@import url("navigation.css");
@namespace url(http://www.w3.org/1999/xhtml);

Gramatyka CSS

url(string)

Szczegóły techniczne

Wsparcie przeglądarki

Liczby w tabeli oznaczają wersje przeglądarek, które w pełni wspierają tę funkcję.