코드랩 레퍼런스

background-clip 본문

CSS

background-clip

webstoryboy 2016. 6. 13. 23:52
background-clip 속성은 백그라운드 색의 영역을 설정합니다.
특징 설명
기본 값 border-box
상속 안됨
애니메이션 안됨
버전 CSS3

Definition

  • background-clip 속성은 백그라운드 색의 영역을 설정합니다.
  • background-clip은 백그라운드 색 속성을 설정하는 방면, background-origin은 백그라운 이미지의 영역 속성을 설정하는 방법이 유사합니다.

Syntax

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

Property

속성 값 설명
border-box 백그라운드 속성이 테두리 영역까지 포함하여 표현됩니다.
padding-box 백그라운드 속성이 테두리 영역을 제외하여 표현됩니다.
content-box 백그라운드 속성이 내부 컨텐츠 영역까지 표현됩니다.
inherit background-clip 부모 요소로부터 속성을 상속받습니다.

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘

Sample

background-clip


Ad

Comments