CSS | url() Function
The url() function is an inbuilt function which 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 single parameter url which holds the url in string format. The examples of url are:
<css_property>: url("https://geeksforgeeks.org/image.png")
<css_property>: url('https://geeksforgeeks.org/image.png')
<css_property>: url(https://geeksforgeeks.org/image.png)
Below example illustrates the url() function in CSS:
Example:
<!DOCTYPE html> <html> <head> <title>CSS url() function</title> <style> body { background-image: url( text-align:center; } h1 { color:white; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>CSS url() function</h2> </body> </html> |
chevron_right
filter_none
Output:
Supported Browsers: The browsers supported by url() function are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
Recommended Posts:
- How to call a function that return another function in JavaScript ?
- How to get the function name from within that function using JavaScript ?
- How to get the function name inside a function in PHP ?
- D3.js | d3.map.has() Function
- PHP | ord() Function
- D3.js | d3.map.get() Function
- p5.js | box() Function
- D3.js | d3.sum() function
- p5.js | tan() function
- D3.js | d3.set.has() Function
- p5.js | sin() function
- D3.js | d3.min() function
- PHP | dir() Function
- p5.js | value() Function
- PHP | Ds\Map xor() Function
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
