Properties

Properties

Draft
  • account_tree
  • bug_report

clip-pathCSS3

shape을 생성하는 함수를 이용하여 원하는 모양을 만들 수 있다.

설정 가능한 속성 값

  • none기본값키워드CSS3
  • url()함수CSS3

    clipping으로 사용할 path를 가지고 있는 리소스에 대한 경로를 지정한다.

  • circle()함수CSS3
  • ellipse()함수CSS3
  • polygon()함수CSS3
  • inset()함수CSS3

구문

  • clip-path url(clip-path);기본형식CSS3

    SVG 요소를 clip path로 지정하여 지정 대상을 클리핑(Clipping)한다.

    SVG 요소를 clip path로 지정하여 지정 대상을 클리핑한다.
  • clip-path  <basic-shape>;기본형식CSS3
    기본 circle shape로 클리핑 적용

테스트 도구

기본 Shape을 이용한 클리핑 처리 테스트

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저