English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
요소를 편집합니다. 유효한 형상 값은: rect(위, 오른쪽, 아래, 왼쪽)입니다. 그 중, 위쪽과 아래쪽은 상자의 위쪽 경계선 가장자리에서의 이동량을 지정하며, 오른쪽과 왼쪽은 상자의 왼쪽 경계선 가장자리에서의 이동량을 지정합니다. 위쪽, 오른쪽, 아래쪽, 왼쪽은 길이 값이나 auto를 가질 수 있습니다. 음수 길이도 허용됩니다.
clip CSS 속성은 절대 위치의 요소에 대한剪切 영역을 정의합니다. 하지만, 이 속성을 설정하면 visible 속성이 작동하지 않습니다.overflowclip CSS 속성은 절대 위치의 요소에 대한剪切 영역을 정의합니다. 하지만, 이 속성을 설정하면 visible 속성이 작동하지 않습니다.
아래 표는 이 속성의 사용 설명과 버전 이력, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다.
| 기본 값: | auto |
|---|---|
| 적용: | 절대 위치의 요소 |
| 상속: | 아니요 |
| 애니메이션 가능: | 는.애니메이션 속성을 확인하세요。 |
| 버전: | CSS 2、3 |
| JavaScript 문법: | object.style.clip="rect(0px,50px,50px,0px) |
경고:CSS에서 이미 이 속성을 사용하지 마십시오.3 이 속성은 이미 버전에서 폐지되었으며, 향후 버전에서 제거될 예정입니다. 그러나 일부 브라우저는 여전히 지원할 수 있습니다.
이 속성의 문법은 다음과 같습니다:
clip: shape | auto | initial | inherit
아래 예제는 clip 속성을 사용하는 방법을 설명합니다.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}테스트를 보세요‹/›아래 표는 이 속성의 값을 설명합니다.
| 값 | 설명 |
|---|---|
| shape | 요소를 잘라냅니다. 유일하게 유효한 형�� 값은 rect(top, right, bottom, left)입니다. 그 중에서, 상단과 하단은 상자의 상단 경계선에서의 기본 offset을 지정하며, 우측과 좌측은 상자의 좌측 경계선에서의 offset을 지정합니다. top, right, bottom, left는 길이 값을 가질 수도 있고 auto를 가질 수 있습니다. 음수 길이를 허용합니다. |
| auto | 요소가 잘라내리지 않습니다. 이는 기본 값입니다. |
| initial | 이 속성을 기본 값으로 설정합니다. |
| inherit | 지정된 경우, 관련 요소는 부모 요소 clip의 속성 값을 사용합니다. |
clip 속성의 브라우저 호환성을 확인하세요. 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.
|
다음 튜토리얼을 참조하십시오:CSS 위치，CSS 흐름，CSS 표시。
관련 속성:position，display，overflow，overflow-x，overflow-y。