Functions

Editing

element(<id-selector>)

작성자가 문서의 요소를 이미지로 사용할 수 있다. 참조된 요소의 모양이 변경되면 이미지도 변경된다.

설명

실시간으로 요소의 미리 보기를 생성할 때 사용할 수 있다.

마지막 작성일 기준 현재 파이어폭스(Firefox)에서만 -moz- 접두어를 사용하여 지원이 된다.

매개 변수

id 식별값을 사용한 선택자를 나타낸다.

  • Selectors Level 4
    <hash-token>
Details

포함된 타입

  • <hash-token>

    0개 이상의 코드 포인트(code points)로 구성된 값을 갖는 토큰(token)이다. 

    Hash Token Railroad Diagrams

    # a-z A-Z 0-9 _ - or non-ASCII escape
    • #[a-zA-Z0-9_-]

구문

background-image: element(#original);
CSS Images Module Level 4
Example

버전 명세

Modules
Module NameStatusSummary
CSS Images Module Level 4편집자 초안

element(), image(), image-set(), conic-gradient(), repeating-conic-gradient(), image-resolution() 함수가 새롭게 추가되었으나 아직은 모든 웹브라우저에서 지원되지 않는다.


Last review date: 2022-6-3

지원 웹브라우저