La función url() es una función incorporada que se usa para incluir un archivo. El parámetro de esta función es una URL absoluta, una URL relativa o una URI de datos. La función url() se puede usar para imagen de fondo, imagen de borde, imagen de estilo de lista, contenido, cursor, imagen de borde, fuente de imagen de borde, src como parte de un bloque @font-face y @ contra-estilo/símbolo.
Sintaxis:
url( <string> <url-modifier>* )
Parámetros: esta función acepta una URL de parámetro único que contiene la URL en formato de string.
Los ejemplos de URL son:
<css_property>: url("https://geeksforgeeks.org/image.png")
<css_property>: url('https://geeksforgeeks.org/image.png')
<css_property>: url(https://geeksforgeeks.org/image.png)
El siguiente ejemplo ilustra la función url() en CSS:
Ejemplo:
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>
Producción:
Navegadores compatibles: los navegadores compatibles con la función url() se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 3
- Firefox 1
- Safari 1
- Ópera 3.5