CSS background-clip 속성

정의와 사용법

background-clip 배경 그리기 영역을 정의하는 속성입니다.

다른 참고 사항:

CSS 강의:CSS 배경、CSS 배경(고급)

HTML DOM 참조 설명서:backgroundClip 속성

예제

배경 그리기 영역을 정의합니다:

div
{
background-color:yellow;
background-clip:content-box;
}

직접 시도해보세요

CSS 문법

background-clip: border-box|padding-box|content-box;

속성 값

값 설명 테스트
border-box 배경이 테두리 상자에 자르여됩니다. 테스트
padding-box 배경이 내간격 상자에 자르여됩니다. 테스트
content-box 배경이 내용 상자에 자르여됩니다. 테스트

기술 세부 사항

기본 값: border-box
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.backgroundClip="content-box"

브라우저 지원

표에서는 이 속성을 최초로 지원하는 브라우저 버전이 기재되었습니다.

크롬 엣지 파이어폭스 사파리 오페라
크롬 IE / 엣지 파이어폭스 사파리 오페라
4.0 9.0 4.0 3.0 10.5