새로운 <image>를 정의한다.
url()
함수와 유사한 방식으로 이미지를 정의하지만 다음과 같이 세부적인 조정이 가능하다.
지정된 이미지를 렌더링할 수 없는 경우를 대비하여 사용한다.
Image()
생성자 함수와 혼동해서는 안된다.따옴표로 감싸진 데이터 유형을 표현한다.
이미지의 방향을 지정한다. 지정가능한 값은 다음과 같다.
ltr
: 왼쪽에서 오른쪽으로rtl
: 오른쪽에서 왼쪽으로따옴표로 감싸진 데이터 유형을 표현한다.
이미지의 소스를 지정하는 0
개 이상의 url()
함수 또는
sRGB 색상 공간의 색상값을 나타낸다. 알파 채널 투명도 값을 포함 할 수 있으며, 색상이 배경과 합성되는 방법을 나타낸다. 색을 생성하는 방법은 UA 표준 색상명, 16진수 값 그리고 함수로는 rgb()
, rgba()
, hsl()
, hsla()
, hwb()
, color()
,lab()
, lch()
, oklab()
, oklch()
함수가 있다.
<color> 타입은 다음과 같은 방법으로 값을 정의한다.
transparent
, aqua
등)으로 색상 정의rgb()
, rgba()
함수에서 색상 정의hsl()
, hsla()
함수에서 색상 정의lab()
, lch()
, oklab()
, oklch()
함수에서 색상 정의color()
함수를 이용한 sRGB
, srgb-linear
, display-p3
,a98-rgb
, prophoto-rgb
, rec2020
, xyz-d50
, xyz-d65
, xyz
색 공간에서 색상 정의image-src
가 없거나 지원되지 않거나 선언되지 않은 경우를 대비하여 단색 배경색을 지정한다.