CSS url()-funktio

Määrittely ja käyttö

CSS:n url() Toiminto sallii tiedostojen sisällyttämisen tyylipohjaan.

url() Toimintoa voidaan käyttää seuraavissa ominaisuuksissa ja säännöissä:

• background
• background-image
• border-image
• border-image-source
• content
• cursor
• filter
• list-style
• list-style-image
• mask
• mask-image
• offset-path
• clip-path
• @font-face
• @counter-style
• @import
• @namespace

Esimerkki

url() Joitakin esimerkkejä toiminnon käytöstä:

background: lightblue url("img_tree.gif") no-repeat fixed center;
background-image: url("paper.gif");
border-image: url(border.png) 30 round;
border-image-source: url(border.png);
content: url(w3css.gif);
cursor: url(myBall.cur);
list-style: square inside url("sqpurple.gif");
list-style-image: url('sqpurple.gif');
mask: url(w3logo.png) no-repeat 50% 50%;
mask-image: url(w3logo.png);
@import url("navigation.css");
@namespace url(http://www.w3.org/1999/xhtml);

CSS-grammatiikka

url(string)

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä toimintoa.