Clip 속성
Element box의 어느 부분을 화면에 나타나게 할 것인지 지정할 수 있다. 아직은 사각형으로만 자를 수 있다.
기호 설명
A | B: A 또는 B 중의 하나이다. <A>: A의 값이 들어간다.
clip: <shape> | auto
Position 속성의 값인 absolute인 element에 적용되며, 유전되지 않는다.
초기값은 auto이다.
Shape의 값은
rect(<top> <right> <bottom> <left>)가 들어간다.
Top, right, bottom, left의 값은
길이나 auto가 들어갈 수 있다. 길이에는 음수도 들어갈 수 있다.
해당 element box의 왼쪽 윗점을 기준으로 한다.
<HTML><HEAD><TITLE>Clip 예</TITLE>
<STYLE>
.A{position:absolute;left:450;top:25;color:blue}
.B{position:absolute;left:450;top:200;color:black}
.C{position:absolute;left:385;top:0;clip:rect(50 250 250 50)}
.D{position:absolute;left:400;top:225}
</STYLE></HEAD>
<BODY>
<P class=A>Clip 예
<P class=C><IMG src="leaves.gif">
<P class=B>원 본
<P class=D><IMG src="leaves.gif">
</BODY></HTML>