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)

기술 세부 사항

브라우저 지원

표에서의 숫자는 이 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.