CSS url()関数

定義と使用方法

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)

技術的詳細

ブラウザのサポート

テーブルの数字は、その機能を最初に完全にサポートしたブラウザのバージョンを示しています。