Summary
요소의 특정한 부분의 영역만 잘라내어 화면에 출력하도록 한다.
값 | <shape> | auto | inherit |
---|---|
기본값 | auto |
적용대상 | 블럭레벨요소, 치환된 요소 |
상속 | 상속안됨 |
퍼센테이지 | 지정불가 |
미디어 | Visual |
Value
- shape : rect(top, right, bottom, left)형식으로 지정한다. 이는 네변에서의 거리를 말하며 음수값 지정이 가능하다.
- auto : 클리핑 영역과 박스의 크기, 위치를 같게 지정한다.
Tip
- 다음과 같이 사용할 수 있다
img { clip: rect {20px, 30px, 40px, 50px;} }
- 예를 들어 right + left가 엘리먼트의 폭과 같고, top + bottom값이 높이와 같다면 auto를 지정한것과 같게 된다.
Sample