<url>

The <url> CSS data type denotes a pointer to a resource, such as an image or a font. URLs can be used in numerous CSS properties, such as background-image, cursor, and list-style.

Syntax

The <url> data type is specified using the url() functional notation. It may be written without quotes, or surrounded by single or double quotes. Relative URLs are allowed, and are relative to the URL of the stylesheet (not to the URL of the web page).

If you choose to write the URL without quotes, use a backslash (\) before any parentheses, whitespace characters, single quotes (') and double quotes (") that are part of the URL.

<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)

Examples

.topbanner {
  background: url("topbanner.png") #00D no-repeat fixed;
}

ul {
  list-style: square url(http://www.example.com/redball.png);
}

Specifications

Browser compatibility

See also

• url()
• <gradient>
• element()
• image()
• image-set()
• cross-fade()