Clip 
이 속성은 대상의 특정한 영역만 잘라내서(clip) 화면에 출력하도록 지정한다. 포토샵의 마스크 개념과 같으며, clip:rect(top right bottom left) 형식으로 지정할 수 있다.
정의
| Clip | 설명 |
|---|---|
| 값 | <shape?> | auto | inherit |
| 기본값 | auto |
| 적용대상 | 블럭 레벨? 요소 와 대체된 요소? |
| 상속 | 안됨 |
| 백분율 | 사용 불가 |
| 미디어 | visual |
값
| 값 | 설명 |
|---|---|
| auto | 자동으로 값을 계산한다. 요소의 크기와 위치에 선택된다. |
| shape | rect(top, right, bottom, left)로 위쪽부터 시계 방향으로 차례로 영역을 지정한다. |
| inherit | 부모 요소의 값을 상속하도록 지정한다. |
예제
브라우저 호환성
| 값 | IE6 | IE7 | FF2 | Op9 |
|---|---|---|---|---|
| rect(<top>, <right>, <bottom>, <left>) | 미지원 | 미지원 | 지원 | 지원 |
| auto | 미지원 | 미지원 | 지원 | 지원 |
| inherit | 미지원 | 미지원 | 지원 | 지원 |

test (211.34.110.66)