Style clip 속성

정의와 사용법

clip 위치 요소의 어느 부분이 보이는지 설정하거나 반환합니다。

다른 참조물도 참조하십시오：

CSS 강의：CSS 정위치

CSS 참조 매뉴얼：clip 속성

예제

예제 1

정의된 형상으로 이미지를 잘라냅니다：

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

본인이 직접 시도해 보세요

예제 2

clip 속성 반환：

alert(document.getElementById("myImg").style.clip);

본인이 직접 시도해 보세요

문법

clip 속성 반환：

object.style.clip

clip 속성 설정：

object.style.clip = "auto|rect(top right bottom left)|initial|inherit"

속성 값

값 설명
auto 기본 설정. 요소를 잘라내지 않습니다。
rect(top right bottom left) 네 가지 좌표로 정의된 형상을 잘라냅니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 없음
반환 값: 정위치 요소에서 보이는 부분을 나타내는 문자열.
CSS 버전: CSS2

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원