Properties

Properties

Draft
  • account_tree
  • bug_report

background-clip

요소 내에서 배경이 적용되는 범위를 주어진 상수 값으로 클리핑(자름) 한다.

설정 가능한 속성 값

  • border-box기본값키워드CSS3

    배경이 미치는 범위를 요소의 테두리까지 확장한다.

  • padding-box키워드CSS3

    배경이 미치는 범위를 요소의 테두리를 제외한 내부로 한정한다.

  • content-box키워드CSS3

    배경이 미치는 범위를 요소의 콘텐츠 영역(여백이 있다면 제외)으로 한정한다.

  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • background-clip border-box or padding-box or content-box or initial;기본형식CSS3

    배경의 범위를 주어진 상수를 통해 잘라 설정한다.

  • object.style.backgroundClip = "content-box";자바스크립트 형식CSS3

    자바스크립트 형식

예제

(1) 배경색에 대한 background-clip 속성 적용 예시

(2) 배경 이미지에 대한 background-clip 속성 적용 예

연관 목록

지원 웹브라우저