Properties

Properties

Editing
  • account_tree
  • bug_report

isolation

새로운 스태킹 컨텍스트(stacking context)를 만들어야 하는지의 여부를 정의한다.

설명

CSS에서는 isolate를 설정하면 요소가 스태킹 컨텍스트(stacking context)로 전환된다.

SVG의 경우 요소의 격리 여부를 정의한다.

기본적으로 요소는 격리되지 않음을 의미하는 auto 키워드를 사용한다. 그러나 스태킹 컨텍스트(stacking context)를 생성하는 연산을 수행하면 그룹이 격리되어야 한다.

mix-blend-mode 속성과 함께 사용할 때 특히 유용하다.

사용 가능한 값 타입

<isolation-mode>

isolation 속성에 사용되는 값을 나타낸다.

  • Compositing and Blending Level 2
    auto | isolate

사용되는 키워드

  • auto

    격리되지 않았음을 나타낸다.

  • isolation

    항상 격리된 그룹으로 렌더링된다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • Compositing and Blending Level 2

    격리되지 않았음을 나타낸다.

    요소에 적용된 속성 중 하나에 필요한 경우에만 새로운 Stacking Context가 생성된다.

  • Compositing and Blending Level 2

    항상 격리된 그룹으로 렌더링된다.

구문

  • isolation: isolate;
    Compositing and Blending Level 2

테스트 도구

isolate 속성 테스트

버전 명세

Modules
Module NameStatusSummary
Compositing and Blending Level 2편집자 초안

Last review date: 2022-12-9

연관 목록

지원 웹브라우저