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
