CSS 클립 속성


  번역 결과:

clip

English[kləp] US[kləp]

n. 클립(플라스틱 또는 금속) 자르기

vt.& vi. 뭔가

vt. 자르기; 자르기(또는 머리)...

vi. 자르기;

CSS 클립 속성통사론

기능: clip 속성은 절대 위치의 요소를 클립합니다. 이미지가 그것을 포함하는 요소보다 크면 어떻게 되나요? "클립" 속성을 사용하면 요소가 잘려서 이 모양에 표시되도록 요소의 표시되는 크기를 지정할 수 있습니다.

설명: 이 속성은 클리핑 직사각형을 정의하는 데 사용됩니다. 절대적으로 정의된 요소의 경우 사각형 내의 내용만 표시됩니다. 이 클리핑 영역 외부의 콘텐츠는 오버플로 값에 따라 처리됩니다. 클리핑 영역은 요소의 콘텐츠 영역보다 크거나 작을 수 있습니다.

참고: 모든 주요 브라우저는 클립 속성을 지원합니다. 속성 값 "inherit"는 모든 버전의 Internet Explorer(IE8 포함)에서 지원되지 않습니다.

CSS 클립 속성예

<html>
<head>
<style type="text/css">
img 
{
position:absolute;
clip:rect(0px 50px 200px 0px)
}
</style>
</head>
<body>
<p>clip 属性剪切了一幅图像:</p>
<p><img border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" width="120" height="151"></p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

인기 추천

비디오

Q&A