NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Función CSS : url()

30 de Diciembre del 2020 por Josep Antoni Bover. 0 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta función permite especificar un archivo externo.

Se puede utilizar en las propiedades background, background-image, filter, y clip-path.

También se puede utilizar en las reglas @document, @import, y @font-face.


Sintaxis

url( Ruta [ #ID ] );

Ruta

La ruta del elemento al que queremos enlazar, por ejemplo :

1
2
url(mi_imagen.png); /* Archivo png externo */
url(mi_imagen.svg#MiID); /* Una parte del archivo svg externo */
Para las propiedades background y background-image se puede especificar una ID al final del path, para señalar un objeto concreto de un archivo svg sin que se muestre el resto.

Para la propiedad clip-path se puede especificar la url de un svg externo y la ID del objeto, o se puede especificar únicamente una ID si nos queremos referir a un objeto de un svg que esté dentro del mismo código html.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS1.

Soportado a partir de la versión 1
Soportado a partir de la versión 1
Soportado a partir de la versión 3.5
Soportado a partir de la versión 1
Soportado a partir de la versión 3

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados