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>
<STYLE type="text/css">
IMG {clip : rect(30px 60px 30px 60px)}
</STYLE>
</HEAD>
<BODY>
<IMG src="leaves.gif">
</BODY>
</HTML> 이렇게 나와요
◀ ■ ▶