스타일 클립 속성
예시
이미지를 지정된 모양으로 자르기:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
정의 및 사용
clip 속성은 배치된 요소의 어떤 부분이 표시되는지 설정하거나 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
통사론
클립 속성을 반환합니다.
object.style.clip
클립 속성을 설정합니다.
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
속성 값
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 자동 |
---|---|
반환 값: | 표시되는 위치 지정 요소의 일부를 나타내는 문자열 |
CSS 버전 | CSS2 |
더 많은 예
예시
클립 속성을 반환합니다.
alert(document.getElementById("myImg").style.clip);
관련 페이지
CSS 튜토리얼: CSS 포지셔닝
CSS 참조: 클립 속성
❮ 스타일 개체