Last Updated : 19 Jul, 2025
The url() function is an inbuilt function that is used to include a file. The parameter of this function is absolute URL, relative URL or a data URI. The url() function can be used for background-image, border-image, list-style-image, content, cursor, border-image, border-image-source, src as part of a @font-face block, and @counter-style/symbol.
Syntax:
url( <string> <url-modifier>* )
Parameters: This function accepts a single parameter url which holds the url in string format.
The examples of url are:
<css_property>: url("https://www.geeksforgeeks.org/image.png///")
<css_property>: url('https://www.geeksforgeeks.org/image.png///')
<css_property>: url(https://www.geeksforgeeks.org/image.png///)
Example: Below example illustrates the url() function in CSS:
html
<!DOCTYPE html>
<html>
<head>
<title>CSS url() function</title>
<style>
body {
background-image: url(
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png");
text-align: center;
}
h1 {
color: white;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>CSS url() function</h2>
</body>
</html>
Output:
Supported Browsers: The browsers supported by url() function are listed below:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4