Open In App
Related Articles

CSS url() Function

Improve Article
Save Article
Like Article

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. 


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("")
<css_property>: url('')
<css_property>: url(

Example: Below example illustrates the url() function in CSS: 


<!DOCTYPE html>
    <title>CSS url() function</title>
        body {
            background-image: url(
            text-align: center;
        h1 {
            color: white;
    <h2>CSS url() function</h2>



Supported Browsers: The browsers supported by url() function are listed below:

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 3
  • Firefox 1
  • Safari 1
  • Opera 3.5
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 15 May, 2023
Like Article
Save Article
Similar Reads
Complete Tutorials