Функция url() в CSS

Определение и использование

Определение и использование CSS url() Функция позволяет вам включать файлы в таблицу стилей.

url() Функция может быть использована в следующих атрибутах и правилах:

• 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

Пример

url() Некоторые примеры использования функции:

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

url(string)

Технические детали

Поддержка браузеров

Числа в таблице показывают версию первого браузера, который полностью поддерживает эту функцию.