Functions

Default

image([<string>image-tags][ <string>image-src][, <color>color])

새로운 <image>를 정의한다.

설명

url() 함수와 유사한 방식으로 이미지를 정의하지만 다음과 같이 세부적인 조정이 가능하다.

  • 이미지의 방향 지정
  • 이미지의 일부만 표시
  • 단색 지정

지정된 이미지를 렌더링할 수 없는 경우를 대비하여 사용한다.

자바스크립트에서 새로운 이미지 요소를 생성하는 Image() 생성자 함수와 혼동해서는 안된다.

매개 변수

따옴표로 감싸진 데이터 유형을 표현한다.

이미지의 방향을 지정한다. 지정가능한 값은 다음과 같다.

  • ltr : 왼쪽에서 오른쪽으로
  • rtl : 오른쪽에서 왼쪽으로

따옴표로 감싸진 데이터 유형을 표현한다.

이미지의 소스를 지정하는 0개 이상의 url() 함수 또는 으로 이미지 조각 식별자를 지정한다.

sRGB 색상 공간의 색상값을 나타낸다. 알파 채널 투명도 값을 포함 할 수 있으며, 색상이 배경과 합성되는 방법을 나타낸다.  색을 생성하는 방법은 UA 표준 색상명, 16진수 값 그리고 함수로는 rgb(), rgba(), hsl(), hsla(), hwb()color(),lab(), lch(), oklab(), oklch() 함수가 있다.

<color> 타입은 다음과 같은 방법으로 값을 정의한다.

키워드
사용 가능한 색상 명(예: transparent, aqua 등)으로 색상 정의
RGB 3차원 좌표계
#+16진수 표기법 또는 rgb(), rgba() 함수에서 색상 정의
HSL 실린더형 좌표계
hsl(), hsla() 함수에서 색상 정의
CIE(국제조명위원회) 색 공간
lab(), lch(), oklab(), oklch() 함수에서 색상 정의
사전 정의된 색 공간
color() 함수를 이용한 sRGB, srgb-linear, display-p3,a98-rgb, prophoto-rgb, rec2020, xyz-d50, xyz-d65, xyz 색 공간에서 색상 정의

image-src가 없거나 지원되지 않거나 선언되지 않은 경우를 대비하여 단색 배경색을 지정한다.

지원 웹브라우저