스타일 backgroundClip 속성

정의와 사용법

backgroundClip 속성 설정 또는 배경 그리기 영역 반환。

다른 참조:

HTML 스타일：배경 속성

CSS 강의：CSS 배경

CSS3 강의：CSS3 배경

CSS 참조 매뉴얼：background-clip 속성

예제

배경 그리기 영역 지정：

document.getElementById("myDIV").style.backgroundClip = "content-box";

직접 테스트하기

문법

backgroundClip 속성 반환：

object.style.backgroundClip

backgroundClip 속성 설정：

object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

속성 값

값 설명
border-box 기본 값. 배경은 박스에 자르집니다 (border box).
padding-box 배경은 패딩 박스에 자르집니다。
content-box 배경은 컨텐트 박스에 자르집니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： border-box
반환 값： 문자열로, 요소의 background-clip 속성。
CSS 버전： CSS3

브라우저 지원

backgroundClip CSS3 (1999) 기능입니다。

모든 브라우저는 완전히 지원합니다：

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 11