CSS에서 사용할 외부 리소스를 가져온다.
background-image
, list-style-image
, content
, cursor
, border-image
, border-image-source
, mask-image
속성 등의 값으로 사용된다. 또한 at-rules에서 @font-face
의 src
, @counter-style
의 symbols
디스크립터 등의 값으로도 사용된다.
url()
함수의 매개 변수 유형을 나타낸다.
<string> <url-modifier>*
따옴표로 감싸진 데이터 유형을 표현한다.
"this is a 'string'."
모든 속성을 표시하지 않을 수도 있다.
글꼴을 지정한다.
가상 요소로 생성할 콘텐츠를 설정한다.
인용 부호의 유형을 설정한다.
URL의 의미나 해석을 어떻게든 변경하는 타입이다.
background-image: url();
URL은 URI의 종류 중 하나로, 리소스의 위치를 표현한다. 따라서 URI는 URL일 수도 있고, 리소스의 이름(URN)일 수도 있다.
CSS Level 1의 url() 함수형 표기법은 순수 URL을 나타낼 때만 사용했고, CSS Level 2에서 범위가 늘어나 URL이나 URN 등 어떤 URI도 사용할 수 있도록 바뀌었다. 이로써 url()을 사용해
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Values and Units Module Level 3 | 편집자 초안 | Last review date: 2022-6-4 |